body {
        font-family: "Plus Jakarta Sans", sans-serif;
        overflow-x: hidden;
    }

    .reveal {
        opacity: 0;
        transform: translateY(20px);
        transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .reveal.active {
        opacity: 1;
        transform: translateY(0);
    }

    .nav-scrolled {
        background: rgba(255, 255, 255, 0.9);
        backdrop-filter: blur(12px);
        border-bottom: 1px solid rgba(226, 232, 240, 0.8);
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
        color: #0f172a !important;
        /* Text becomes dark on scroll */
    }

    .nav-scrolled .bg-slate-900 {
        background-color: #0f172a;
        /* Keep button dark on scroll */
    }



    .mobile-menu-open {
        overflow: hidden;
    }