:root{--bg:#f3f5f7;--surface:#fff;--ink:#16202b;--muted:#5a6775;--line:#c9d1da;--new:#1f5fbf;--warn:#b7791f}
@media (prefers-color-scheme:dark){:root{--bg:#10161d;--surface:#18212b;--ink:#e6ecf2;--muted:#9aa8b6;--line:#334253;--new:#6ea3ff;--warn:#e0a645;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;background:var(--bg);color:var(--ink);font:14px/1.5 "IBM Plex Sans",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;padding:24px 16px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:28px;max-width:420px;width:100%;display:flex;flex-direction:column;gap:14px}
h1{font:600 24px/1.2 "IBM Plex Sans Condensed","Arial Narrow",Arial,sans-serif;margin:0}
.sub,.foot,.note{color:var(--muted);margin:0}
.foot{font-size:12.5px}
.err{margin:0;padding:10px 12px;border-left:3px solid var(--warn);background:var(--bg)}
.stack{display:flex;flex-direction:column;gap:8px}
label{font-size:12.5px;color:var(--muted);font-weight:600}
input,select{font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink)}
.btn{display:block;text-align:center;font:inherit;font-weight:500;padding:10px 14px;border-radius:6px;border:1px solid var(--line);text-decoration:none;cursor:pointer;color:var(--ink);background:var(--surface)}
.btn.primary{background:var(--new);border-color:var(--new);color:#fff}
.btn:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--new);outline-offset:2px}
[hidden]{display:none!important}