:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #0c1118; color: #edf3fb; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; }
main { width: min(34rem, calc(100% - 3rem)); padding: 2.5rem; border: 1px solid #273449; border-radius: 1rem; background: #141d29; box-shadow: 0 1.5rem 4rem #0008; }
.eyebrow { color: #6eb6ff; letter-spacing: .14em; font-size: .75rem; font-weight: 700; }
h1 { margin: .25rem 0 1rem; } p { line-height: 1.5; }
button { border: 0; border-radius: .5rem; padding: .75rem 1rem; color: #07121e; background: #74c0fc; font: inherit; font-weight: 700; cursor: pointer; }
button.secondary { color: #dce9f8; background: #273449; }
.notice { min-height: 1.5rem; color: #b8cce4; } .footnote { margin-top: 2rem; font-size: .85rem; color: #9aabc1; }