.bf-login{--lp-purple:#7000ff;--lp-magenta:#d22d8b;--lp-blue:#0997ff;--lp-btn:#5e1ee9;--lp-ink:#15131f;--lp-line:#e7e5f0;grid-template-columns:1.02fr .98fr;font-family:Inter,system-ui,-apple-system,sans-serif;display:grid}.bf-login--page{min-height:100vh}.bf-login-overlay{z-index:200;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.bf-login--card{border-radius:26px;width:min(1040px,100%);height:min(620px,92vh);position:relative;overflow:hidden;box-shadow:0 50px 120px -30px #000000b3}.bf-login-x{z-index:5;color:#6b6878;cursor:pointer;background:#0000000f;border:none;border-radius:50%;place-items:center;width:38px;height:38px;transition:all .18s;display:grid;position:absolute;top:16px;right:18px}.bf-login-x:hover{color:var(--lp-ink);background:#0000001f}.bf-login .lp-lg-left{color:#fff;background:linear-gradient(160deg,#7000ff 0%,#a6179c 52%,#e6398f 100%);flex-direction:column;padding:46px 42px;display:flex;position:relative;overflow:hidden}.bf-login .lp-lg-blob{filter:blur(10px);opacity:.5;pointer-events:none;border-radius:50%;position:absolute}.bf-login .lp-lg-blob.b1{background:radial-gradient(circle,#ffffff59,#0000 70%);width:260px;height:260px;top:-80px;right:-70px}.bf-login .lp-lg-blob.b2{background:radial-gradient(circle,#ffd2504d,#0000 70%);width:300px;height:300px;bottom:-120px;left:-90px}.bf-login .lp-lg-top{z-index:1;align-items:center;gap:14px;display:flex;position:relative}.bf-login .lp-lg-back{color:#fff;cursor:pointer;background:#ffffff29;border:1px solid #ffffff47;border-radius:50%;place-items:center;width:38px;height:38px;transition:all .2s;display:grid}.bf-login .lp-lg-back:hover{background:#ffffff4d}.bf-login .lp-lg-back svg{width:18px;height:18px}.bf-login .lp-lg-logo-link{cursor:pointer;display:inline-flex}.bf-login .lp-lg-logo{z-index:1;filter:brightness(0)invert();align-self:flex-start;width:auto;height:30px;position:relative}.bf-login .lp-lg-graphic{z-index:1;flex:1;place-items:end center;min-height:0;margin:18px 0 0;display:grid;position:relative}.bf-login .lp-lg-art{object-fit:contain;object-position:bottom center;filter:drop-shadow(0 24px 40px #0000004d);width:100%;max-width:494px;height:100%;display:block}.bf-login .lp-lg-tags{z-index:1;flex-wrap:wrap;gap:10px;margin-top:24px;display:flex;position:relative}.bf-login .lp-lg-tags span{background:#ffffff29;border:1px solid #ffffff40;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600}.bf-login .lp-lg-right{background:#fff;flex-direction:column;justify-content:center;padding:48px 46px;display:flex;overflow-y:auto}.bf-login .lp-lg-form{width:100%;max-width:504px;margin:0 auto}.bf-login .lp-lg-heading{letter-spacing:-.6px;text-align:center;color:var(--lp-ink);font-size:30px;font-weight:800;line-height:1.2}.bf-login .lp-lg-heading .hl{color:#ec1c92}.bf-login .lp-lg-field{cursor:text;background:#f1f0f6;border:1.5px solid #0000;border-radius:999px;align-items:center;gap:10px;margin-top:30px;padding:6px;transition:all .18s;display:flex}.bf-login .lp-lg-field:focus-within{border-color:var(--lp-blue);background:#fff}.bf-login .lp-lg-cc{border:1px solid var(--lp-line);color:var(--lp-ink);cursor:pointer;background:#fff;border-radius:999px;flex:none;align-items:center;gap:6px;padding:13px 16px;font-family:inherit;font-size:16px;font-weight:700;display:inline-flex;box-shadow:0 2px 6px -3px #0003}.bf-login .lp-lg-cc .flag{font-size:18px}.bf-login .lp-lg-input{min-width:0;color:var(--lp-ink);background:0 0;border:none;outline:none;flex:1;padding:0 10px;font-family:inherit;font-size:17px}.bf-login .lp-lg-input::placeholder{color:#a8a6b4}.bf-login .lp-lg-otp{background:linear-gradient(90deg, var(--lp-purple), var(--lp-btn));color:#fff;cursor:pointer;border:none;border-radius:999px;width:100%;margin-top:14px;padding:17px;font-family:inherit;font-size:17px;font-weight:700;transition:all .2s;box-shadow:0 16px 34px -14px #5e1ee9bf}.bf-login .lp-lg-otp:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 22px 44px -16px #5e1ee9d9}.bf-login .lp-lg-otp:disabled{opacity:.55;cursor:not-allowed}.bf-login .lp-lg-otp-boxes{justify-content:center;gap:12px;margin-top:24px;display:flex}.bf-login .lp-lg-otp-box{text-align:center;width:60px;height:64px;color:var(--lp-ink);background:#f1f0f6;border:1.5px solid #0000;border-radius:16px;outline:none;font-family:inherit;font-size:26px;font-weight:700;transition:all .18s}.bf-login .lp-lg-otp-box:focus{border-color:var(--lp-blue);background:#fff}.bf-login .lp-lg-or{color:#a8a6b4;align-items:center;gap:14px;margin:22px 0;font-size:13px;font-weight:600;display:flex}.bf-login .lp-lg-or:before,.bf-login .lp-lg-or:after{content:"";background:var(--lp-line);flex:1;height:1px}.bf-login .lp-lg-social{border:1px solid var(--lp-line);width:100%;color:var(--lp-ink);cursor:pointer;background:#f4f3f8;border-radius:999px;justify-content:center;align-items:center;gap:12px;margin-bottom:12px;padding:15px;font-family:inherit;font-size:16px;font-weight:600;transition:all .18s;display:flex;position:relative}.bf-login .lp-lg-social:hover:not(:disabled){background:#eceaf3;border-color:#d8d4e6}.bf-login .lp-lg-social:disabled{opacity:.55;cursor:not-allowed}.bf-login .lp-lg-fine{text-align:center;color:#9a98a8;margin-top:14px;font-size:13px}.bf-login .lp-lg-fine a{color:var(--lp-blue);text-decoration:underline}.bf-login .lp-lg-err{color:#c0264a;background:#fde8ec;border-radius:12px;margin-top:16px;padding:11px 14px;font-size:13px}.bf-login .lp-lg-links{color:#9a98a8;justify-content:space-between;margin-top:14px;font-size:13px;display:flex}.bf-login .lp-lg-links button{color:#9a98a8;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:13px}.bf-login .lp-lg-links button:hover:not(:disabled){color:var(--lp-ink)}.bf-login .lp-lg-links button:disabled{opacity:.5;cursor:not-allowed}.bf-login .lp-lg-gsdk{z-index:2;opacity:0;justify-content:center;display:flex;position:absolute;inset:0}.bf-login .lp-lg-gsdk>div{width:100%}@media (width<=920px){.bf-login{grid-template-columns:1fr}.bf-login .lp-lg-left{display:none}.bf-login .lp-lg-right{padding:44px 26px}.bf-login--card{width:min(440px,100%);height:auto;max-height:92vh;overflow-y:auto}}