* { box-sizing: border-box; }
body { margin: 0; font-family: Inter, Arial, sans-serif; background: #0f172a; color: #f8fafc; }
.page { min-height: 100vh; display: grid; place-items: center; padding: 32px; }
.hero { max-width: 760px; text-align: center; }
.eyebrow { color: #38bdf8; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
h1 { font-size: clamp(2.5rem, 7vw, 5rem); line-height: 1; margin: 0 0 20px; }
.subhead { color: #cbd5e1; font-size: 1.25rem; line-height: 1.6; margin: 0 auto 32px; }
.button { display: inline-block; background: #2563eb; color: #fff; text-decoration: none; padding: 14px 22px; border-radius: 12px; font-weight: 800; }
.button:hover { background: #1d4ed8; }