nav { position: fixed; top: 1.5rem; left: 50%; transform: translateX(-50%); width: fit-content; height: 60px; background: rgba(10, 10, 10, 0.4); backdrop-filter: blur(40px); border: 1px solid rgba(255,255,255,0.1); border-radius: 100px; padding: 0 1.5rem 0 2rem; display: flex; align-items: center; gap: 2.5rem; z-index: 5000; }
        .hero { padding-top: 140px; }
        .reveal { opacity: 0; transform: translateY(15px); }
        .reveal.active { opacity: 1; transform: translateY(0); transition: 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
        @media (max-width: 768px) { nav { width: 95vw; justify-content: space-between; } .nav-links { display: none; } .mobile-toggle { display: block; } }
        .mobile-overlay { display: none; visibility: hidden; }
        .overlay-link { display: none; }
        .mobile-overlay.active { display: flex !important; visibility: visible !important; }
        .mobile-overlay.active .overlay-link { display: block !important; opacity: 1 !important; visibility: visible !important; }
        html, body { overflow-x: hidden !important; }