:root{ --bg:#0f1b2b; --panel:#121f2f; --text:#cfe6ff; --accent:#2f9fff; --muted:#7aa6cc; }
*{ box-sizing:border-box; }
body{ margin:0; font:14px/1.4 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Noto Sans', 'Liberation Sans', 'Apple Color Emoji','Segoe UI Emoji'; color:var(--text); background:radial-gradient(80vw 80vh at 50% -10%, #122235, #0b1624); min-height:100vh; display:grid; place-items:center }
.card{ width:360px; background:var(--panel); border:1px solid rgba(255,255,255,.08); border-radius:16px; padding:22px 22px 18px; box-shadow:0 10px 30px rgba(0,0,0,.45) }
h1{ margin:0 0 12px; font-size:18px }
label{ display:block; font-size:12px; color:var(--muted); margin:12px 0 6px }
input{ width:100%; padding:10px 12px; background:#0b1624; color:var(--text); border:1px solid rgba(255,255,255,.12); border-radius:10px; outline:none }
button{ width:100%; margin-top:14px; padding:10px 12px; border:none; border-radius:10px; background:linear-gradient(90deg,#2f9fff,#37a8ff); color:white; font-weight:600; cursor:pointer }
.msg{ height:18px; margin-top:10px; font-size:12px; color:#ff7a7a }
a{ color:var(--muted); text-decoration:none; font-size:12px }
small{ color:var(--muted) }