:root {
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #101114;
  color: #f8fafc;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: radial-gradient(circle at top right, #25345e 0, transparent 28rem), #101114;
}

main {
  width: min(100% - 40px, 760px);
  margin: 0 auto;
  padding: 72px 0;
}

h1 { font-size: clamp(2.25rem, 6vw, 3.5rem); margin: 0 0 12px; }
h2 { margin-top: 44px; font-size: 1.45rem; }
h3 { margin: 28px 0 8px; font-size: 1.08rem; }
p, li { color: #c8ceda; line-height: 1.7; }
ul { padding-left: 24px; }
a { color: #67e8f9; }
nav { display: flex; flex-wrap: wrap; gap: 12px; margin: 36px 0; }
nav a { border: 1px solid #3a4667; border-radius: 12px; padding: 14px 18px; text-decoration: none; }
nav a:hover { background: #20294b; }
.eyebrow { color: #818cf8; font-size: .8rem; font-weight: 800; letter-spacing: .14em; }
.intro { font-size: 1.2rem; max-width: 540px; }
.muted { color: #8e96a8; }
.back { display: inline-block; margin-bottom: 32px; text-decoration: none; }
strong { color: #f8fafc; }