:root { color-scheme: dark; font-family: Outfit, ui-sans-serif, system-ui, sans-serif; background: #0a0b10; color: #f4f6fb; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; padding: clamp(1rem, 4vw, 3rem); background: radial-gradient(circle at 15% 0%, rgba(184,255,60,.12), transparent 34%), radial-gradient(circle at 90% 10%, rgba(45,226,230,.12), transparent 30%), #0a0b10; }
main { width: min(720px, 100%); margin: 0 auto; padding: clamp(1.25rem, 4vw, 2.5rem); border: 1px solid rgba(255,255,255,.12); border-radius: 1.25rem; background: rgba(18,20,28,.9); box-shadow: 0 20px 60px rgba(0,0,0,.35); }
h1 { margin: .6rem 0 1rem; font-size: clamp(2rem, 7vw, 3.5rem); line-height: 1; }
h2 { margin-top: 2rem; color: #2de2e6; }
p { color: #c2c9d6; line-height: 1.75; }
a { color: #b8ff3c; font-weight: 700; }