:root { color-scheme: dark; font: 16px/1.5 system-ui, sans-serif; background: #111820; color: #e7edf4; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; }
main { width: min(25rem, calc(100vw - 3rem)); padding: 2rem 0; }
h1 { margin-bottom: .25rem; }
form { display: grid; gap: .65rem; margin-top: 1.5rem; }
input, button { font: inherit; padding: .7rem; border: 1px solid #627184; border-radius: .35rem; }
button { margin-top: .6rem; cursor: pointer; background: #c2e6ec; color: #102029; }
button:disabled { opacity: .6; cursor: wait; }
[role="alert"] { color: #ffbdad; }