:root { color-scheme: dark; background: #000; font: 13px monospace; }
body { margin: 0; min-height: 100svh; display: grid; place-items: center; }
form { display: grid; gap: 16px; width: min(240px, 80vw); }
label { color: #a5ad9d; }
input, button { font: inherit; border: 1px solid #343d30; background: #090c08; color: #d0dac7; padding: 12px; border-radius: 0; }
input { width: 100%; box-sizing: border-box; text-transform: uppercase; letter-spacing: 2px; }
button { cursor: pointer; }
button:hover { border-color: #889a75; }
a { color: #7e8e71; font-size: 11px; text-align: center; }
#error { color: #c99692; min-height: 30px; line-height: 1.5; margin: 0; font-size: 11px; }
:focus-visible { outline: 1px solid #a5bd8e; outline-offset: 4px; }