:root { scroll-behavior: smooth; }
        body { background-color: #FFFFFF; overflow-x: hidden; }
        
        .reveal { opacity: 0; transform: translateY(40px); transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }
        
        .nav-glass {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(20px);
            border-bottom: 1px solid rgba(0,0,0,0.05);
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;
        }

        #air-particles {
            position: fixed; top: 0; left: 0; width: 100%; height: 100%;
            pointer-events: none; z-index: 0; opacity: 0.4;
        }

        /* Modal & Sidebar Styles */
        .overlay-blur {
            position: fixed; inset: 0; z-index: 500;
            background: rgba(0,0,0,0.3); backdrop-filter: blur(10px);
            opacity: 0; pointer-events: none; transition: 0.4s;
        }
        .overlay-blur.active { opacity: 1; pointer-events: auto; }
        
        .side-panel {
            position: fixed; top: 0; right: 0; width: 100%; max-width: 450px; height: 100%;
            background: white; z-index: 600; transform: translateX(100%);
            transition: 0.6s cubic-bezier(0.85, 0, 0.15, 1);
        }
        .side-panel.active { transform: translateX(0); }

        .modal-card {
            background: white; border-radius: 40px; width: 95%; max-width: 900px;
            max-height: 85vh; overflow-y: auto; padding: 60px;
            transform: scale(0.9); transition: 0.4s;
        }
        .overlay-blur.active .modal-card { transform: scale(1); }

        .btn-hover-effect {
            position: relative; overflow: hidden;
            transition: all 0.4s;
        }
        .btn-hover-effect::after {
            content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px;
            background: currentColor; transition: 0.4s;
        }
        .btn-hover-effect:hover::after { width: 100%; }