/* Hero Section */
.hero { background:var(--gradient-hero); color:#fff; padding:var(--spacing-section-y) 0; text-align:center; }
.hero.hero--fallback { background:linear-gradient(135deg,#0f172a,#1d4ed8); }
.hero-content { max-width:800px; margin:0 auto; }
.hero h1 { font-size:3rem; margin-bottom:1rem; }
.hero p { font-size:1.2rem; margin-bottom:2rem; opacity:0.9; }