:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #10191e; color: #edf3f1; }
[hidden] { display: none !important; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; }
main { width: min(100% - 3rem, 34rem); }
.eyebrow { color: #9ac7d4; font-size: .8rem; text-transform: uppercase; }
h1 { font-size: 2rem; margin: .4rem 0; }
p { line-height: 1.5; }
.action { display: inline-block; margin-top: 1rem; padding: .75rem 1rem; background: #d76c37; color: #111; text-decoration: none; font-weight: 700; border-radius: 4px; }
.action:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.secondary { display: inline-block; margin-left: 1rem; color: #9ac7d4; }
.secondary:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }