:root { --bg:#0b0c0f; --card:#101216; --fg:#e8eaed; --muted:#a3a7ad; --btn:#4f46e5; }
* { box-sizing: border-box; }
body { margin:0; min-height:100vh; display:grid; place-items:center; background:var(--bg); color:var(--fg); font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; }
.card { width:min(560px, 92vw); background:var(--card); padding:32px; border-radius:16px; box-shadow:0 10px 30px rgba(0,0,0,.5); }
h1 { margin:0 0 16px; font-size:24px; }
label { display:block; margin:16px 0 6px; color:var(--muted);}
input { width:100%; padding:12px 14px; border-radius:10px; border:1px solid #2a2d35; background:#0f1116; color:var(--fg); outline:none; }
input:focus { border-color:#3b82f6; }
button { margin-top:18px; padding:12px 16px; background:var(--btn); border:none; color:#fff; border-radius:12px; cursor:pointer; font-weight:600; }
button:hover { filter:brightness(1.05); }
.small { color:var(--muted); margin-top:18px; font-size:12px; }
a { color:#8ab4f8; text-decoration:none; }
.msg { margin-top:12px; color:#cbd5e1; }