.auth{--bg-0:#08090b;--bg-1:#0d0f12;--bg-2:#131519;--hairline:#1f2228;--hairline-strong:#2b2f36;--ink-0:#f0f2f5;--ink-1:#b8bdc6;--ink-2:#7c828d;--ink-3:#4e535c;--ink-4:#2f343b;--accent:#3ce6c0;--accent-strong:#6bf0d0;--accent-soft:#0e2a23;--accent-glow:#3ce6c02e;--sig-red:#f25c4d;--sig-green:#4ade80;--sig-blue:#66e8ff;--r-1:4px;--r-2:8px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-state:.16s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg-0);min-height:100vh;color:var(--ink-1);font-family:var(--font-sans);background-image:radial-gradient(circle at 50% -10%, var(--accent-glow) 0%, transparent 34%), radial-gradient(var(--hairline) 1px, transparent 1px);background-position:top,50%;background-size:100% 100%,48px 48px;flex-direction:column;justify-content:center;align-items:center;padding:48px 16px;display:flex;position:relative}.auth-brand{align-items:center;gap:10px;margin-bottom:26px;display:inline-flex}.auth-brand .logo{object-fit:contain;width:30px;height:30px}.auth-brand .name{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--ink-0);text-indent:.26em;font-size:15px}.auth-card{background:var(--bg-1);border:1px solid var(--hairline);border-radius:var(--r-2);width:100%;max-width:412px;padding:34px 30px 30px;position:relative;overflow:hidden}.auth-card:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--accent) 50%, transparent 100%);opacity:.55;width:100%;height:1px;animation:auth-sweep 4.8s var(--ease-in-out) infinite;position:absolute;top:0;left:0;transform:translate(-100%)}.auth-kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:8px;margin-bottom:12px;font-size:10px;display:inline-flex}.auth-kicker:before{content:"";background:var(--accent);width:6px;height:6px;transform:rotate(45deg)}.auth-title{letter-spacing:-.01em;color:var(--ink-0);margin:0;font-size:24px;font-weight:600}.auth-title em{color:var(--accent);font-style:normal}.auth-sub{color:var(--ink-2);margin:8px 0 0;font-size:13px}.auth-msg{border:1px solid var(--hairline-strong);border-radius:var(--r-1);background:var(--bg-2);font-family:var(--font-mono);border-left-width:2px;align-items:center;gap:9px;margin-bottom:18px;padding:10px 12px;font-size:12px;line-height:1.4;display:flex}.auth-msg svg{flex:none;width:15px;height:15px}.auth-msg[data-tone=success]{border-left-color:var(--sig-green);color:var(--sig-green)}.auth-msg[data-tone=error]{border-left-color:var(--sig-red);color:var(--sig-red)}.auth-msg[data-tone=info]{border-left-color:var(--sig-blue);color:var(--ink-1)}.auth-msg strong{color:var(--ink-0);font-weight:500}.auth-list{margin:6px 0 0;padding-left:16px}.auth-list li+li{margin-top:3px}.auth-divider{align-items:center;gap:14px;margin:24px 0;display:flex}.auth-divider .line{background:var(--hairline);flex:1;height:1px}.auth-divider .txt{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.auth-stack{flex-direction:column;gap:18px;display:flex}.auth-field-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-bottom:7px;font-size:10px;display:block}.auth-input{background:var(--bg-2);border:1px solid var(--hairline);border-radius:var(--r-1);width:100%;height:40px;color:var(--ink-0);font-family:var(--font-sans);transition:border-color var(--dur-state) var(--ease-out);padding:0 12px;font-size:13px}.auth-input::placeholder{color:var(--ink-3)}.auth-input:focus{border-color:var(--accent);outline:none}.auth-input:disabled{opacity:.5;cursor:not-allowed}.auth-input[data-align=code]{font-family:var(--font-mono);letter-spacing:.22em;text-align:center;font-size:24px}.auth-input:-webkit-autofill{-webkit-text-fill-color:var(--ink-0);-webkit-box-shadow:0 0 0 1000px var(--bg-2) inset;caret-color:var(--ink-0);transition:background-color 9999s ease-in-out}.auth-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--ink-0);-webkit-box-shadow:0 0 0 1000px var(--bg-2) inset;caret-color:var(--ink-0);transition:background-color 9999s ease-in-out}.auth-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink-0);-webkit-box-shadow:0 0 0 1000px var(--bg-2) inset;caret-color:var(--ink-0);transition:background-color 9999s ease-in-out}.auth-error{font-family:var(--font-mono);color:var(--sig-red);margin:7px 0 0;font-size:11px}.auth-btn{border:1px solid var(--hairline-strong);border-radius:var(--r-1);width:100%;height:40px;color:var(--ink-1);font-family:var(--font-sans);cursor:pointer;transition:color var(--dur-state) var(--ease-out), border-color var(--dur-state) var(--ease-out), background var(--dur-state) var(--ease-out);background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.auth-btn:hover{color:var(--accent);border-color:var(--accent)}.auth-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-btn:disabled{color:var(--ink-4);border-color:var(--hairline);cursor:not-allowed}.auth-btn[data-variant=primary]{color:var(--accent);border-color:var(--accent)}.auth-btn[data-variant=primary]:hover:not(:disabled){background:var(--accent);color:var(--bg-0)}.auth-btn[data-variant=primary]:disabled{color:var(--ink-3);border-color:var(--hairline-strong)}.auth-badge{border:1px solid var(--accent);border-radius:var(--r-1);background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;font-size:9px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.auth-row-end{justify-content:flex-end;align-items:center;display:flex}.auth-link{color:var(--ink-1);border-bottom:1px dashed var(--hairline-strong);transition:color var(--dur-state) var(--ease-out), border-color var(--dur-state) var(--ease-out);font-size:12px;text-decoration:none}.auth-link:hover{color:var(--accent);border-bottom-color:var(--accent)}.auth-foot{text-align:center;color:var(--ink-2);margin-top:22px;font-size:13px}.auth-legal{text-align:center;color:var(--ink-3);margin:2px 0 0;font-size:11px;line-height:1.5}.auth-btn-row{gap:12px;display:flex}.auth-btn-row .auth-btn{flex:1}@keyframes auth-sweep{0%{transform:translate(-100%)}55%,to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.auth-card:before{opacity:0;animation:none!important}}
