document.addEventListener("DOMContentLoaded", () => {

    // Navbar background on scroll
    const navbar = document.querySelector(".navbar");

    window.addEventListener("scroll", () => {

        if(window.scrollY > 40){
            navbar.style.background = "rgba(10,10,10,.92)";
            navbar.style.backdropFilter = "blur(10px)";
            navbar.style.padding = "18px";
            navbar.style.borderRadius = "16px";
        } else {
            navbar.style.background = "transparent";
            navbar.style.backdropFilter = "none";
            navbar.style.padding = "0px";
        }

    });

    // Fade animation
    const cards = document.querySelectorAll(
        ".event-card, .stat-card, .about-box"
    );

    const observer = new IntersectionObserver((entries) => {

        entries.forEach((entry) => {

            if(entry.isIntersecting){
                entry.target.classList.add("show");
            }

        });

    }, {
        threshold: 0.15
    });

    cards.forEach((card) => {
        card.classList.add("hidden-card");
        observer.observe(card);
    });

});