:root { color-scheme: dark; }
body { background: #10131a; color: #f5f7fb; font: 16px/1.5 system-ui; margin: 0; }
main { box-sizing: border-box; margin: 8vh auto; max-width: 28rem; padding: 1.5rem; }
h1 { font-size: 2.4rem; margin: .3rem 0; }
.eyebrow { color: #85d4ff; font-size: .75rem; letter-spacing: .12em; }
label { display: block; margin-top: 1rem; }
input, button { border-radius: .4rem; box-sizing: border-box; font: inherit; min-height: 44px; padding: .7rem; width: 100%; }
input { background: #1b2230; border: 1px solid #72839b; color: #f5f7fb; }
button { background: #85d4ff; border: 0; color: #10131a; cursor: pointer; font-weight: 700; margin-top: 1.4rem; }
input:focus-visible, button:focus-visible { outline: 3px solid #b6e7ff; outline-offset: 3px; }
.hint { color: #b8c1d1; font-size: .85rem; margin-top: 1.5rem; }