:root{--bg:#161616;--surface:#1E1E1E;--surface-hover:#272727;--border:#333333;--ink:#F2F1EE;--ink-dim:#8F8F8C;--accent:#B3122E;--display:'Space Grotesk',sans-serif;--body:'Inter',sans-serif;--mono:'JetBrains Mono',monospace}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);min-height:100vh}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}
.setup-shell{padding:40px 24px}
.auth-card{width:min(100%,420px);background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px}
.setup-shell .auth-card{width:min(100%,560px)}
.eyebrow{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:8px}
h1{font:700 28px var(--display);margin:0 0 6px}
.sub{color:var(--ink-dim);font-size:14px;line-height:1.5;margin:0 0 20px}
label{display:block;color:var(--ink-dim);font:500 11px var(--mono);letter-spacing:.04em;text-transform:uppercase;margin:14px 0 6px}
input{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--ink);border-radius:8px;padding:10px 11px;font:14px var(--body);outline:none}
input:focus{border-color:var(--accent)}
button,.button-link{display:block;width:100%;margin-top:18px;background:var(--accent);border:0;border-radius:8px;color:#fff;padding:10px 16px;font:600 14px var(--body);text-align:center;text-decoration:none;cursor:pointer}
button:hover,.button-link:hover{opacity:.9}
.alert{background:#331014;border:1px solid #7A2430;color:#F2C6CD;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.4;margin:14px 0}
.divider{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);display:flex;align-items:center;gap:10px;margin:24px 0 2px}
.divider:after{content:'';height:1px;background:var(--border);flex:1}
.two-col{display:grid;grid-template-columns:1fr 120px;gap:10px}
@media(max-width:480px){.two-col{grid-template-columns:1fr}.auth-card{padding:20px}}