:root { color-scheme: dark; font-family: Inter, system-ui, sans-serif; background: #07111f; color: #eefaff; }
body { margin: 0; background: radial-gradient(circle at 80% 0, #153b50, #07111f 45%, #03070d); }
main { width: min(760px, calc(100% - 32px)); margin: 0 auto; padding: 48px 0 80px; }
a { color: #8ce7ff; } h1 { font-size: clamp(2.4rem, 8vw, 4.8rem); margin: 0 0 12px; letter-spacing: -.05em; }
h2 { margin-top: 34px; color: #56e0d2; } p, li { color: #bed0da; line-height: 1.7; }
.eyebrow { color: #56e0d2; font-size: .75rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.card { padding: 22px; border: 1px solid rgba(140,231,255,.25); border-radius: 20px; background: rgba(9,25,43,.75); }
nav { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; } nav a { min-height: 48px; display: flex; align-items: center; }