.row{justify-content:space-between;align-items:center;margin:6px 0 28px;display:flex}.remember{cursor:pointer;color:#c9c9d0;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:15.5px;font-weight:500;display:inline-flex}.remember input{opacity:0;pointer-events:none;position:absolute}.remember .box{background:var(--bg-soft);border:1.5px solid #3a3a42;border-radius:6px;place-items:center;width:20px;height:20px;transition:background .16s,border-color .16s;display:grid}.remember .box svg{stroke:#fff;stroke-width:3px;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:0;width:13px;height:13px;transition:opacity .16s,transform .16s;transform:scale(.5)}.remember input:checked+.box{background:var(--accent);border-color:var(--accent)}.remember input:checked+.box svg{opacity:1;transform:scale(1)}.remember input:focus-visible+.box{box-shadow:0 0 0 4px #a855f733}.forgot{color:var(--accent-bright);font-size:15.5px;font-weight:600;text-decoration:none}.forgot:hover{text-decoration:underline}@keyframes spin{to{transform:rotate(360deg)}}.signup-line{text-align:center;color:var(--muted);margin-top:28px;font-size:16px;font-weight:500}.signup-line a{color:var(--accent-bright);font-weight:600;text-decoration:none}.signup-line a:hover{text-decoration:underline}.brand-side{background:radial-gradient(120% 90% at 80% 10%, #8b3ee0, transparent 55%), linear-gradient(155deg, var(--accent) 0%, var(--accent-deep) 70%, #5b1ea8 100%);color:#fff;flex-direction:column;justify-content:space-between;padding:56px;display:flex;position:relative;overflow:hidden}.brand-side:after{content:"";pointer-events:none;background:radial-gradient(60% 50% at 15% 90%,#00000047,#0000 70%);position:absolute;inset:0}.bs-top{z-index:2;justify-content:flex-end;display:flex;position:relative}.bs-chip{color:#fff;letter-spacing:.01em;border:1.5px solid #ffffff73;border-radius:999px;padding:10px 22px;font-size:15px;font-weight:600}.bs-mid{z-index:2;position:relative}.bs-wordmark{font-family:var(--font-archivo), sans-serif;text-transform:lowercase;letter-spacing:-.05em;font-size:clamp(80px,11vw,150px);font-weight:900;line-height:.82}.bs-tag{max-width:460px;font-family:var(--font-archivo), sans-serif;letter-spacing:-.015em;color:#fffffff5;margin-top:28px;font-size:clamp(26px,3vw,38px);font-weight:800;line-height:1.15}.bs-sub{color:#ffffffd1;max-width:440px;margin-top:18px;font-size:18px;font-weight:500;line-height:1.5}.bs-modules{z-index:2;flex-wrap:wrap;gap:10px;display:flex;position:relative}.bs-modules span{letter-spacing:.01em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;border:1px solid #ffffff47;border-radius:999px;padding:9px 17px;font-size:14.5px;font-weight:600}@media (max-width:940px){.auth{grid-template-columns:1fr}.brand-side{display:none}.mobile-brand{display:block}.logo-tag{display:none}.form-side{min-height:auto;padding:32px 28px 48px}.form-inner{max-width:100%;padding:28px 0 0}.form-head h1{font-size:38px}.form-head p{margin-top:12px;font-size:16px}.field input{padding:15px 16px;font-size:16px}.btn-submit{padding:16px 24px;font-size:18px}}@media (max-width:480px){.form-side{padding:24px 20px 40px}.form-head h1{font-size:34px}.row{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:24px}}:root{--bg:#0a0a0b;--bg-soft:#141416;--ink:#f7f7f8;--muted:#8b8b92;--accent:#a855f7;--accent-bright:#b76bff;--accent-deep:#7c2fd6;--nav-pill:#1b1b1e;--hairline:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-hanken), system-ui, sans-serif;-webkit-font-smoothing:antialiased}.auth{min-height:100vh;display:block}.logo-tag{font-family:var(--font-readex), sans-serif;text-transform:uppercase;letter-spacing:.01em;color:#fff;background:0 0;border-radius:0;align-self:flex-start;padding:0;font-size:25px;font-weight:700;line-height:1;text-decoration:none;display:inline-block}.form-side{background:radial-gradient(100% 50% at 50% 0%, #a855f714, transparent 55%), var(--bg);flex-direction:column;min-height:100vh;padding:44px 56px;display:flex;position:relative}.form-inner{width:100%;max-width:440px;margin:auto;padding:48px 0}.form-head h1{font-family:var(--font-archivo), sans-serif;text-transform:uppercase;letter-spacing:-.01em;margin-top:6px;font-size:clamp(38px,4.4vw,52px);font-weight:900;line-height:.95}.form-head p{color:var(--muted);margin-top:16px;font-size:18px;font-weight:500;line-height:1.45}form{margin-top:36px}.field{margin-bottom:20px}.field-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field label{color:#c9c9d0;letter-spacing:.01em;margin-bottom:9px;font-size:15px;font-weight:600;display:block}.input-wrap{position:relative}.field input{background:var(--bg-soft);border:1px solid var(--hairline);width:100%;color:var(--ink);border-radius:12px;outline:none;padding:16px 18px;font-family:Hanken Grotesk,sans-serif;font-size:17px;transition:border-color .18s,box-shadow .18s,background .18s}.field input::placeholder{color:#5f5f67}.field input:focus{background:#161618;border-color:#a855f799;box-shadow:0 0 0 4px #a855f724}.field.invalid input{border-color:#ff5a5a99;box-shadow:0 0 0 4px #ff5a5a1a}.field .err{color:#ff7a7a;margin-top:8px;font-size:14px;font-weight:500;display:none}.field.invalid .err{display:block}.pw-toggle{cursor:pointer;color:#7d7d86;background:0 0;border:none;border-radius:8px;place-items:center;padding:6px;transition:color .16s;display:grid;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.pw-toggle:hover{color:#c9c9d0}.pw-toggle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.strength{margin-top:12px}.strength-track{gap:6px;display:flex}.strength-track i{background:#26262b;border-radius:999px;flex:1;height:5px;transition:background .2s}.strength[data-level="1"] .strength-track i:nth-child(-n+1){background:#ff6b6b}.strength[data-level="2"] .strength-track i:nth-child(-n+2){background:#f5a623}.strength[data-level="3"] .strength-track i:nth-child(-n+3){background:#d8c63a}.strength[data-level="4"] .strength-track i:nth-child(-n+4){background:#1f8a5b}.strength-label{color:var(--muted);margin-top:8px;font-size:13.5px;font-weight:500}.terms{cursor:pointer;color:#c9c9d0;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:12px;margin:4px 0 26px;font-size:15px;font-weight:500;line-height:1.4;display:flex}.terms input{opacity:0;pointer-events:none;position:absolute}.terms .box{background:var(--bg-soft);border:1.5px solid #3a3a42;border-radius:6px;flex:none;place-items:center;width:20px;height:20px;margin-top:1px;transition:background .16s,border-color .16s;display:grid}.terms .box svg{stroke:#fff;stroke-width:3px;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:0;width:13px;height:13px;transition:opacity .16s,transform .16s;transform:scale(.5)}.terms input:checked+.box{background:var(--accent);border-color:var(--accent)}.terms input:checked+.box svg{opacity:1;transform:scale(1)}.terms input:focus-visible+.box{box-shadow:0 0 0 4px #a855f733}.terms a{color:var(--accent-bright);font-weight:600;text-decoration:none}.terms a:hover{text-decoration:underline}.terms-field.invalid .terms .box{border-color:#ff5a5ab3}.btn-submit{cursor:pointer;color:#fff;background:var(--accent);border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:17px 24px;font-family:Hanken Grotesk,sans-serif;font-size:19px;font-weight:600;transition:background .2s,transform .14s;display:inline-flex;box-shadow:0 14px 34px -14px #a855f7d9}.btn-submit:hover{background:var(--accent-bright);transform:translateY(-1px)}.btn-submit:disabled{cursor:default;opacity:.85;transform:none}.btn-submit .spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:19px;height:19px;animation:.7s linear infinite spin;display:none}.btn-submit.loading .spinner{display:inline-block}.btn-submit.loading .label{opacity:.85}.divider{color:#56565d;align-items:center;gap:16px;margin:26px 0;font-size:14px;font-weight:500;display:flex}.divider:before,.divider:after{content:"";background:var(--hairline);flex:1;height:1px}.sso{gap:12px;display:flex}.sso button{background:var(--bg-soft);border:1px solid var(--hairline);color:var(--ink);cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:10px;padding:14px 16px;font-family:Hanken Grotesk,sans-serif;font-size:16px;font-weight:600;transition:border-color .16s,background .16s;display:inline-flex}.sso button:hover{background:#18181b;border-color:#ffffff38}.sso button svg{width:19px;height:19px}.login-line{text-align:center;color:var(--muted);margin-top:28px;font-size:16px;font-weight:500}.login-line a{color:var(--accent-bright);font-weight:600;text-decoration:none}.login-line a:hover{text-decoration:underline}.legal{text-align:center;color:#56565d;margin-top:36px;font-size:13px;line-height:1.55}.legal a{color:#7c7c84;text-decoration:none}.legal a:hover{color:#a7a7af}.mobile-brand{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-deep) 100%);text-align:center;padding:28px 24px 26px;display:none;position:relative;overflow:hidden}.mobile-brand:before{content:"";pointer-events:none;background:radial-gradient(80% 120% at 80% 10%,#ffffff1f,#0000 60%);position:absolute;inset:0}.mobile-brand .mb-logo{font-family:var(--font-readex), sans-serif;text-transform:uppercase;letter-spacing:.01em;color:#fff;font-size:30px;font-weight:700;position:relative}.mobile-brand .mb-tag{color:#ffffffb8;letter-spacing:.1em;text-transform:uppercase;margin-top:4px;font-size:12px;font-weight:700;position:relative}@media (max-width:940px){.brand-side{display:none}.mobile-brand{display:block}.logo-tag{display:none}.form-side{min-height:auto;padding:32px 28px 48px}.form-inner{max-width:100%;padding:28px 0 0}.form-head h1{font-size:38px}.form-head p{margin-top:12px;font-size:16px}.field input{padding:15px 16px;font-size:16px}.btn-submit{padding:16px 24px;font-size:18px}}@media (max-width:480px){.form-side{padding:24px 20px 40px}.form-head h1{font-size:34px}.field-row{grid-template-columns:1fr;gap:0}}
