:root{color-scheme:light dark;--bg:#f5f5f2;--card:#fff;--fg:#1b1b19;--muted:#6a6a64;--line:#dcdbd4;--accent:#2f5fd0;--accent-fg:#fff;--danger:#a8261d;--danger-bg:#fdecea;--code:#efeee9}
@media (prefers-color-scheme:dark){:root{--bg:#131312;--card:#1e1e1c;--fg:#ecebe5;--muted:#9c9b93;--line:#34332f;--accent:#7f9fff;--accent-fg:#0e0f14;--danger:#ff9088;--danger-bg:#3b201e;--code:#2a2a27}}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--bg);color:var(--fg);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
main{width:100%;max-width:400px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px}
.brand{margin:0 0 20px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
h1{margin:0 0 8px;font-size:22px;line-height:1.25}
p{margin:0 0 14px}
.muted{color:var(--muted)}
.small{font-size:14px}
code{padding:2px 6px;border-radius:6px;background:var(--code);font:14px ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}
label{display:block;margin:0 0 14px;font-size:14px;font-weight:500}
input{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--fg);font:inherit}
input:focus{outline:2px solid var(--accent);outline-offset:1px}
button,.button{display:inline-block;width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--fg);font:inherit;font-weight:600;text-align:center;text-decoration:none;cursor:pointer}
button.primary,.button.primary{border-color:var(--accent);background:var(--accent);color:var(--accent-fg)}
.error{margin:0 0 16px;padding:10px 12px;border-radius:9px;background:var(--danger-bg);color:var(--danger);font-size:14px}
ul{margin:0 0 16px;padding-left:20px}
li{margin:4px 0}
form+form,.button+form{margin-top:10px}