:root{--bg:#0b0c0e;--surface:#131518;--surface-2:#16191d;--line:#262a30;--text:#ecebe6;--muted:#9a9b96;--faint:#6b6d6a;--lime:#c8f53c;--ink:#10130a;--bad:#f06a6a;color-scheme:dark}
@media (prefers-color-scheme:light){:root{--bg:#f5f5f1;--surface:#fff;--surface-2:#f0f0ea;--line:#dcdcd2;--text:#16171a;--muted:#5d5f5a;--faint:#8a8c86;--lime:#4f6e00;--ink:#fff;--bad:#c63b3b;color-scheme:light}}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--bg);color:var(--text);font:400 15px/1.5 'General Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased;
  background-image:radial-gradient(60rem 30rem at 50% -10%,color-mix(in srgb,var(--lime) 9%,transparent),transparent 70%)}
.wrap{min-height:100%;display:grid;place-items:center;padding:24px}
.card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:32px 28px 24px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.logo{display:block;height:34px;width:auto;margin:0 0 26px}
h1{font-size:22px;font-weight:600;margin:0 0 4px;letter-spacing:-.01em}
.sub{margin:0 0 22px;color:var(--muted);font-size:13.5px}
.fld{display:block;margin-bottom:14px}
.fld>span{display:block;font-size:12.5px;font-weight:500;color:var(--muted);margin-bottom:6px}
input[type=email],input[type=password],input[type=text],#code{width:100%;height:44px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);font:inherit;padding:0 12px;outline:none;transition:border-color .15s,box-shadow .15s}
#code{font-family:'JetBrains Mono',monospace;font-size:18px;letter-spacing:.2em;text-align:center}
input:focus{border-color:var(--lime);box-shadow:0 0 0 3px color-mix(in srgb,var(--lime) 22%,transparent)}
.pw{position:relative;display:block}
.pw input{padding-right:64px}
.show{position:absolute;right:6px;top:6px;height:32px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-family:inherit;font-size:12px;font-weight:500;cursor:pointer}
.show:hover{color:var(--text);background:color-mix(in srgb,var(--text) 6%,transparent)}
.check{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);margin:4px 0 6px;cursor:pointer}
.check input{width:16px;height:16px;accent-color:var(--lime);margin:0}
.err{min-height:20px;margin:10px 0 6px;font-size:13px;color:var(--bad)}
.go{width:100%;height:46px;border:0;border-radius:999px;background:var(--lime);color:var(--ink);font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:filter .15s}
.go:hover{filter:brightness(1.07)}
.go:disabled{opacity:.6;cursor:progress}
.go .spin{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:s .7s linear infinite}
@keyframes s{to{transform:rotate(360deg)}}
.link{background:none;border:0;padding:0;color:var(--muted);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}
.foot{margin:18px 0 0;text-align:center;font-size:12px;color:var(--faint)}
:focus-visible{outline:2px solid var(--lime);outline-offset:2px}