:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 1rem; background: #07111f; color: #f7fafc; font: 1rem/1.6 system-ui, sans-serif; }
main { width: min(100%, 42rem); padding: clamp(1.3rem, 5vw, 3rem); border: 1px solid #29435f; border-radius: 1rem; background: #0d1b2d; }
.brand { font-weight: 900; letter-spacing: .1em; }
.eyebrow { color: #70e1c2; font-weight: 800; text-transform: uppercase; }
h1 { font-size: clamp(2rem, 7vw, 4rem); line-height: 1.05; }
a { color: #9fd8ff; text-underline-offset: .18em; }
:focus-visible { outline: .2rem solid #fff06a; outline-offset: .2rem; }