:root { color-scheme:dark; --red:#ed3d2b; --gold:#f4c542; --line:#352e30; --muted:#aaa09a; }
* { box-sizing:border-box; }
[hidden] { display:none !important; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 80% 0,rgba(237,61,43,.13),transparent 34rem),#090708; color:#f5efec; font:15px/1.55 Inter,system-ui,sans-serif; }
header { height:72px; border-bottom:1px solid var(--line); display:flex; align-items:center; padding:0 max(24px,calc((100vw - 980px)/2)); }
.brand { color:inherit; font-size:18px; font-weight:800; text-decoration:none; display:flex; align-items:center; gap:12px; }
.brand span { width:38px; height:38px; display:grid; place-items:center; border-radius:12px; background:var(--red); font-size:12px; }
main { width:min(100% - 32px,580px); margin:0 auto; padding:80px 0; }
.auth-card { padding:36px; border:1px solid var(--line); border-radius:20px; background:#141112; }
.eyebrow { color:var(--gold); text-transform:uppercase; letter-spacing:.18em; font-size:11px; font-weight:800; }
h1 { margin:4px 0 10px; font-size:44px; line-height:1; }
p,label { color:var(--muted); }
form { margin-top:28px; display:grid; gap:10px; }
label { font-weight:700; }
input { min-height:50px; border:1px solid #51484b; border-radius:12px; background:#0d0a0b; color:white; padding:0 15px; font:inherit; }
button,.account-actions a { min-height:48px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--red); border-radius:999px; padding:0 22px; background:var(--red); color:white; font:inherit; font-weight:800; text-decoration:none; cursor:pointer; }
button:disabled { opacity:.6; cursor:wait; }
.message { min-height:24px; margin:16px 0 0; }
.message.error { color:#ff8f84; }
.account-actions { display:grid; gap:10px; margin-top:28px; }
.account-actions a { background:#211d1e; border-color:#51484b; }
@media(max-width:600px){ main{padding:42px 0}.auth-card{padding:26px}h1{font-size:36px} }