:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0b1220;color:#e5e7eb;font:16px system-ui;display:grid;place-items:center}.card{width:min(92vw,430px);padding:30px;border:1px solid #29354d;border-radius:16px;background:#111b2e;box-shadow:0 20px 60px #0004}h1{margin-top:0;color:#7dd3fc}form{display:grid;gap:12px}input,button{padding:12px;border-radius:8px;border:1px solid #3b4b6a;background:#0b1220;color:inherit}button{background:#0284c7;border:0;font-weight:700;cursor:pointer}a{color:#7dd3fc;cursor:pointer}.muted{color:#94a3b8}button:hover,a:hover{filter:brightness(1.15)}