:root { color-scheme: dark; font: 16px/1.45 system-ui, sans-serif; background: #0b1020; color: #edf2ff; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; }
main { width: min(42rem, calc(100% - 2rem)); padding: 2rem; }
.eyebrow { color: #8fb4ff; letter-spacing: .08em; text-transform: uppercase; }
section, form { margin: 1rem 0; padding: 1rem; border: 1px solid #34405e; border-radius: .75rem; background: #121a2f; }
label { display: grid; gap: .35rem; margin: .75rem 0; }
input, button { font: inherit; padding: .7rem; border-radius: .45rem; border: 1px solid #53617f; }
button { cursor: pointer; background: #74a2ff; color: #071027; font-weight: 700; }
button:disabled { opacity: .45; cursor: not-allowed; }