:root {color-scheme: dark; font-family: system-ui,-apple-system,sans-serif;}
* {box-sizing: border-box;}
body {min-height: 100vh; margin: 0; display:grid; place-items:center; background:#070e1c; color:#e2f4ff; font:16px system-ui;}
main {width:min(400px,92vw); padding:2rem; background:#0e1b2e; border:1px solid #2472a0; border-radius:16px; box-shadow:0 18px 60px #0008;}
h1 {margin:0 0 .4rem; letter-spacing:.04em;}
p {color:#acc8db;}
p[role=alert] {color:#ff8b9c;}
label {display:block; margin-top:1rem; font-size:.9rem;}
input {width:100%; margin-top:.35rem; padding:.8rem; background:#081326; border:1px solid #2c7498; border-radius:8px; color:white; font:inherit;}
input:focus {outline:2px solid #2ed5ff; outline-offset:1px;}
button {margin-top:1.4rem; width:100%; padding:.85rem; background:#0877bb; color:white; border:0; border-radius:8px; font-weight:700; cursor:pointer;}
button:hover {background:#0d95dc;}
@media (prefers-reduced-motion: no-preference) {button {transition:background .16s ease;}}