:root{--bg:#14151c;--surf:#1a1b24;--card:#1f202b;--card2:#252633;--bord:#323447;--bord2:#40435a;--txt:#eceef5;--txt2:#c8cada;--muted:#9a9db8;--muted2:#8589a5;--orange:#e97522;--orange2:#c45e14;--orange-glow:rgba(233,117,34,.18);--green:#00e87a;--green-dim:rgba(0,232,122,.12);--red:#ff3d5a;--purple:#a78bfa;--purple-dim:rgba(167,139,250,.12);--yellow:#f5c518;--yellow-dim:rgba(245,197,24,.12);--font:"Sora",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--ease:cubic-bezier(0.4,0,0.2,1)}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden;background:var(--bg)}.auth-shell:before{inset:0;background-image:radial-gradient(circle at 1px 1px,var(--bord) 1px,transparent 0);background-size:32px 32px;opacity:.4}.auth-shell:after,.auth-shell:before{content:"";position:absolute;pointer-events:none}.auth-shell:after{top:-20%;left:50%;transform:translateX(-50%);width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,var(--orange-glow) 0,transparent 70%)}.auth-card{position:relative;z-index:1;width:100%;max-width:400px;background:var(--surf);border:1px solid var(--bord2);border-radius:18px;padding:36px 32px;animation:fadeUp .3s var(--ease) forwards;font-family:var(--font);color:var(--txt)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-logo{flex-direction:column;margin-bottom:28px}.auth-logo,.logo-mark{display:flex;align-items:center}.logo-mark{width:44px;height:44px;border-radius:12px;background:var(--orange);color:#000;font-weight:900;font-size:19px;letter-spacing:-.03em;justify-content:center;margin-bottom:14px;position:relative}.auth-title{font-size:19px;font-weight:800;letter-spacing:-.02em}.auth-sub{font-size:12.5px;color:var(--muted);margin-top:4px;text-align:center}.field{margin-bottom:16px}.f-lbl{display:block;font-family:var(--mono);font-size:9px;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}.inp-wrap{position:relative}.inp{width:100%;background:rgba(0,0,0,.3);border:1px solid var(--bord);border-radius:10px;padding:12px 14px;color:var(--txt);font-size:13.5px;font-family:var(--font);transition:all .15s;outline:none}.inp:focus{border-color:var(--orange);background:rgba(233,117,34,.03)}.inp::placeholder{color:var(--muted2)}.inp-code{text-align:center;font-family:var(--mono);font-size:22px;letter-spacing:.3em;padding:14px}.btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:10px;font-size:13.5px;font-weight:700;cursor:pointer;border:1px solid transparent;transition:all .15s var(--ease);font-family:var(--font)}.btn-p{background:var(--orange);color:#000;border-color:var(--orange)}.btn-p:hover{background:var(--orange2);box-shadow:0 0 20px rgba(233,117,34,.35)}.btn-p:disabled{opacity:.5;cursor:default;box-shadow:none}.btn-s{background:var(--card);color:var(--txt2);border-color:var(--bord)}.btn-s:hover{border-color:var(--orange);color:var(--orange)}.btn-passkey{background:linear-gradient(135deg,#1a1a2e,#1f202b);color:var(--txt);border-color:var(--bord2)}.btn-passkey:hover{border-color:var(--purple);box-shadow:0 0 20px rgba(167,139,250,.2)}.btn-passkey:disabled{opacity:.5;cursor:default;box-shadow:none}.btn-passkey i{color:var(--purple);font-size:17px}.divider-or{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--muted2);font-size:11px}.divider-or:after,.divider-or:before{content:"";flex:1;height:1px;background:var(--bord)}.magic-sent{text-align:center;padding:8px 0}.magic-ico{width:56px;height:56px;border-radius:16px;background:var(--purple-dim);color:var(--purple);display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 18px}.magic-title{font-size:15px;font-weight:700;margin-bottom:6px}.magic-sub{font-size:12.5px;color:var(--muted);line-height:1.6;margin-bottom:20px}.magic-email{color:var(--orange);font-weight:600}.spam-note{background:var(--yellow-dim);border:1px solid rgba(245,197,24,.2);border-radius:10px;padding:12px 14px;margin-top:16px;text-align:left}.spam-note p{font-size:11px;color:#d4b012;line-height:1.5;margin:0}.passkey-visual{width:88px;height:88px;border-radius:24px;background:linear-gradient(135deg,rgba(167,139,250,.15),rgba(233,117,34,.1));border:1px solid rgba(167,139,250,.25);display:flex;align-items:center;justify-content:center;margin:0 auto 22px;position:relative}.passkey-visual i{font-size:38px;color:var(--purple)}.passkey-visual:after{content:"";position:absolute;inset:-1px;border-radius:24px;border:1px solid rgba(167,139,250,.4);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:0;transform:scale(1.15)}}.device-list{display:flex;flex-direction:column;gap:8px;margin:20px 0}.device-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--card);border:1px solid var(--bord);border-radius:10px}.device-item i{font-size:18px;color:var(--muted)}.device-item .d-name{font-size:12.5px;font-weight:600;flex:1}.device-item .d-check{color:var(--green);font-size:16px}.success-ico{width:64px;height:64px;border-radius:18px;background:var(--green-dim);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 20px}.auth-footer{text-align:center;margin-top:24px;font-size:12px;color:var(--muted)}.auth-footer a{color:var(--orange);text-decoration:none;font-weight:600}.error-msg{color:var(--red);font-size:12px;margin-top:8px;text-align:center}.mfa-option{display:flex;align-items:center;gap:12px;padding:14px;border-radius:10px;background:var(--card);border:1px solid var(--bord);cursor:pointer;margin-bottom:12px;transition:all .15s}.mfa-option:hover{border-color:var(--orange)}.mfa-option-ico{width:36px;height:36px;border-radius:9px;background:var(--orange-glow);color:var(--orange);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.mfa-option-title{font-size:13px;font-weight:700}.mfa-option-sub{font-size:11px;color:var(--muted);margin-top:2px}