/* ===== MODERN STYLE ===== */
body.style-modern {
	--c-bg: #ffffff;
	--c-surface: #f4f6fa;
	--c-text: #111827;
	--c-muted: #6b7280;
	--c-primary: #d7172f;
	--c-gold: #f2a900;
	--c-accent: #0d2756;
	--c-border: #e5e7eb;
	--radius: 14px;
	--shadow: 0 10px 30px rgba(15,23,42,.08);
	--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--font-head: "Montserrat", "Inter", system-ui, sans-serif;
}
.style-modern .site-header { position: sticky; top: 0; z-index: 50; backdrop-filter: blur(10px); background: rgba(255,255,255,.88); }
.style-modern .site-title { letter-spacing: -.02em; text-transform: uppercase; }
.style-modern .hero { padding: 110px 0; background-color: var(--c-accent); background-image: linear-gradient(135deg, #0d2756 0%, #14336b 55%, #8e1023 100%); }
.style-modern .hero.has-image::before { background: linear-gradient(135deg, rgba(13,39,86,.85), rgba(142,16,35,.6)); }
.style-modern .hero h1 { font-weight: 800; letter-spacing: -.03em; }
.style-modern .section-head h2 { font-weight: 800; letter-spacing: -.02em; }
.style-modern .section-head h2::after { content: ""; display: block; width: 48px; height: 4px; background: linear-gradient(90deg, var(--c-gold) 0 50%, var(--c-primary) 50% 100%); border-radius: 4px; margin-top: 10px; }
.style-modern .event-card { border: 0; transition: transform .2s, box-shadow .2s; }
.style-modern .event-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(15,23,42,.14); }
.style-modern .btn { border-radius: 999px; }
.style-modern .main-nav a { border-radius: 999px; }
.style-modern .main-nav a:hover { background: var(--c-surface); }
.style-modern .welcome-photo::before { background: linear-gradient(160deg, rgba(13,39,86,.14), rgba(13,39,86,.04)); }