:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background: #0b0d12; color: #f3f5fb; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 20% 0%, #25305b 0, transparent 42%), #0b0d12; }
main { width: min(900px, calc(100% - 32px)); margin: 0 auto; padding: 64px 0 96px; }
.eyebrow { color: #9ca9ff; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; font-size: .78rem; }
h1 { font-size: clamp(2.4rem, 8vw, 5.4rem); line-height: .96; max-width: 780px; margin: 18px 0; }
.lead { color: #bdc4d7; font-size: 1.15rem; max-width: 680px; line-height: 1.6; }
.notice, section { border: 1px solid #31384c; background: rgba(17,20,29,.86); border-radius: 18px; padding: 22px; margin-top: 24px; }
.grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap: 16px; margin-top: 28px; }
.grid section { margin: 0; }
a.button { display: inline-block; margin-top: 12px; padding: 11px 15px; border-radius: 10px; color: #091018; background: #aeb8ff; text-decoration: none; font-weight: 750; }
a { color: #bdc5ff; }
code { color: #c7cee0; }
ol, ul { padding-left: 22px; line-height: 1.55; }
.muted { color: #8f98ad; font-size: .92rem; }