:root {
  color-scheme: dark;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #090d1d;
  color: #f7f8ff;
}
* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(circle at top left, #1b3960, #090d1d 48%); }
main { width: min(880px, calc(100% - 36px)); margin: 0 auto; padding: 72px 0 40px; }
header { padding: 32px; border: 1px solid #56e1ff66; border-radius: 28px; background: #171d38dd; }
.eyebrow { color: #56e1ff; font-size: .78rem; font-weight: 800; letter-spacing: .15em; }
h1 { margin: 8px 0; font-size: clamp(2.2rem, 8vw, 4.6rem); line-height: .95; }
.lead { margin-bottom: 0; color: #c8d3ed; font-size: 1.15rem; }
section { margin-top: 22px; padding: 28px 32px; border-radius: 24px; background: #11172dcc; }
h2 { margin-top: 0; color: #ffd85c; }
li { margin: 8px 0; }
a { color: #7de8ff; }
.button { display: inline-block; padding: 12px 18px; border-radius: 999px; background: #56e1ff; color: #091020; font-weight: 800; text-decoration: none; }
footer { padding: 30px 4px 0; color: #aeb8d0; }
@media (max-width: 560px) {
  main { padding-top: 24px; }
  header, section { padding: 22px; border-radius: 20px; }
}