:root{color-scheme:dark}
*{box-sizing:border-box;margin:0}
body{min-height:100vh;display:grid;place-items:center;background:#05070a;color:#e9edf2;
  font:400 15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;padding:16px}
form{width:min(360px,100%);display:grid;gap:10px;background:#0a0d12;border:1px solid #1a1f28;
  border-radius:10px;padding:16px}
h1{font:600 13px ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
h1 b{color:#5fb8ff;font-weight:600}
label{font-size:13px;color:#8a93a2}
input{font:inherit;color:#f6f6f4;background:#05070a;border:1px solid #1a1f28;border-radius:6px;padding:10px 12px}
input:focus-visible,button:focus-visible{outline:2px solid #5fb8ff;outline-offset:2px}
.error{color:#ff6b6b;font-size:13px;min-height:1.5em}
button{font:600 13px system-ui,sans-serif;color:#05070a;background:#5fb8ff;border:0;border-radius:6px;
  padding:9px 14px;cursor:pointer}
button:hover{background:#f6f6f4}