* { margin: 0; padding: 0; box-sizing: border-box; }
/* Sticky header room for anchor jumps (also covers main.js scrollIntoView). */
html { scroll-padding-top: 84px; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: var(--bg); color: var(--text); line-height: 1.6; overflow-x: hidden; }
a { color: var(--accent); text-decoration: none; }
section { padding: 80px 20px; max-width: var(--max-width); margin: 0 auto; }
h1 { font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.15; margin-bottom: 20px; }
h2 { font-size: clamp(1.5rem, 3.5vw, 2.5rem); margin-bottom: 16px; text-align: center; }
h3 { font-size: 1.25rem; margin-bottom: 10px; }
p { color: var(--muted); }
.gradient-text { background: linear-gradient(135deg, var(--accent), var(--accent2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
@media (max-width: 720px) { section { padding: 48px 16px; } }