/* Responsive Styles */
@media (max-width: 1199px) {
    .hero-slider .swiper { height: 600px; }
    .navbar-nav .nav-link { padding: 10px 12px !important; font-size: 14px; }
}

@media (max-width: 991px) {
    .topbar-info span { font-size: 12px; margin-right: 14px; }
    .topbar-info span:nth-child(3) { display: none; }

    .navbar-collapse {
        background: var(--white);
        padding: 20px;
        border-radius: var(--radius);
        margin-top: 16px;
        box-shadow: var(--shadow-md);
        max-height: 70vh;
        overflow-y: auto;
    }
    .mega-menu { position: static !important; transform: none !important; width: 100% !important; box-shadow: none !important; padding: 14px 0 0; }
    .navbar-nav .nav-link::after { display: none; }
    .navbar-nav .btn { margin-top: 10px; }

    .hero-slider .swiper { height: 540px; }
    .hero-content h1 { font-size: 2.2rem; }
    .hero-content p { font-size: 16px; }

    section { padding: 70px 0; }
    .section-title { margin-bottom: 40px; }

    .stat-number { font-size: 36px; }
    .stat-label { font-size: 12px; }

    .footer-top { padding: 60px 0 30px; }
    .registration-info { gap: 20px; }
    .footer-bottom-links { justify-content: flex-start; margin-top: 10px; }
}

@media (max-width: 767px) {
    .topbar { display: none; }
    .navbar { padding: 12px 0; }
    .logo-img { height: 50px; }
    .brand-name { font-size: 22px; }
    .brand-tagline { font-size: 9px; }

    .hero-slider .swiper { height: 480px; }
    .hero-content h1 { font-size: 1.8rem; }
    .hero-content p { font-size: 15px; }
    .hero-buttons { flex-direction: column; align-items: flex-start; }

    .about-image { margin-bottom: 30px; }
    .about-content h2 { font-size: 28px; }

    .stat-item { padding: 14px; }
    .stat-number { font-size: 32px; }
    .stat-icon { width: 60px; height: 60px; font-size: 24px; }

    .newsletter-form { margin-top: 20px; }

    .whatsapp-float { width: 54px; height: 54px; font-size: 28px; bottom: 20px; right: 20px; }
    .back-to-top { width: 44px; height: 44px; bottom: 20px; left: 20px; }
}

@media (max-width: 575px) {
    .container { padding: 0 16px; }
    .hero-content h1 { font-size: 1.5rem; }
    .hero-content p { font-size: 14px; }
    .btn-primary, .btn-outline-light { padding: 12px 24px; font-size: 14px; }

    .event-body { padding: 20px; }
    .team-image { height: 280px; }
}