:root { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
body { margin:0; background:#0b0f19; color:#e8eefc; }
a { color:#c7d2fe; text-decoration:none; }
.center { min-height:100vh; display:flex; align-items:center; justify-content:center; }
.card { width:min(420px, 92vw); background:#111a2e; border:1px solid #1f2a44; border-radius:14px; padding:22px; }
label { display:block; margin-top:12px; opacity:.9; }
input { width:100%; margin-top:6px; padding:10px 12px; border-radius:10px; border:1px solid #263556; background:#0d1426; color:#e8eefc; }
button { width:100%; margin-top:16px; padding:11px 12px; border-radius:10px; border:0; background:#4f46e5; color:white; font-weight:600; cursor:pointer; }
.error { background:#2a1020; border:1px solid #7f1d1d; padding:10px 12px; border-radius:10px; }
.topbar { display:flex; justify-content:space-between; align-items:center; padding:14px 18px; border-bottom:1px solid #1f2a44; background:#0d1426; position:sticky; top:0; }
.container { padding:18px; max-width:1100px; margin:0 auto; }
.brand { font-weight:700; letter-spacing:.2px; }