:root { color-scheme: dark; --bg:#0b0b0d; --card:#141417; --line:#26262b; --fg:#f4f4f5; --muted:#8b8b95; --accent:#e9c46a; }
* { box-sizing: border-box; }
body { margin:0; min-height:100vh; display:grid; place-items:center; background:var(--bg); color:var(--fg); font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif; padding:16px; }
form { width:100%; max-width:360px; background:var(--card); border:1px solid var(--line); border-radius:16px; padding:28px; }
h1 { margin:0 0 4px; font-size:18px; letter-spacing:.02em; }
p { margin:0 0 20px; color:var(--muted); font-size:13px; }
label { display:block; font-size:12px; color:var(--muted); margin-bottom:6px; text-transform:uppercase; letter-spacing:.08em; }
input { width:100%; padding:12px 14px; border-radius:10px; border:1px solid var(--line); background:#0f0f12; color:var(--fg); font-size:16px; outline:none; }
input:focus { border-color:var(--accent); }
.cf { margin-top:14px; min-height:0; }
button { margin-top:16px; width:100%; padding:12px; border:0; border-radius:10px; background:var(--accent); color:#111; font-weight:600; font-size:15px; cursor:pointer; }
button:disabled { opacity:.6; cursor:wait; }
.err { margin-top:12px; color:#f87171; font-size:13px; min-height:18px; }