:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background: #0e1726; color: #f7f7f2; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; }
.shell { width: min(100% - 40px, 640px); min-height: 100svh; display: grid; align-content: center; gap: 20px; margin: 0 auto; padding: 48px 0; }
.eyebrow { margin: 0; color: #a7dfcc; font-size: .82rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
h1 { max-width: 10ch; margin: 0; font-size: clamp(2.6rem, 10vw, 5rem); line-height: .98; letter-spacing: -.05em; }
.body { max-width: 45ch; margin: 0; color: #c0c9d5; font-size: 1.1rem; line-height: 1.6; }
.button { display: inline-flex; width: fit-content; padding: 14px 20px; border-radius: 999px; background: #a7dfcc; color: #0e1726; font-weight: 800; text-decoration: none; }
.card { padding: 28px; border: 1px solid #2b3b50; border-radius: 22px; background: #142134; }
.status { min-height: 1.5em; color: #c0c9d5; }
.error { color: #ffb4ab; }
.hidden { display: none; }