        body { background-color: #050505; color: #FFFFFF; overflow-x: hidden; }
        ::selection { background-color: #CCFF00; color: #050505; }

        /* Scroll Progress Bar */
        #scroll-progress {
            position: fixed; top: 0; left: 0; width: 0%; height: 4px;
            background-color: #CCFF00; z-index: 9999;
            box-shadow: 0 0 10px #CCFF00;
            transition: width 0.1s ease;
        }

        /* Glassmorphism */
        .glass-panel {
            background: rgba(18, 18, 18, 0.8);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.05);
        }

        /* Text Effects */
        .text-outline {
            -webkit-text-stroke: 1.5px #CCFF00;
            color: transparent;
        }
        .text-gradient {
            background: linear-gradient(to right, #FFFFFF, #CCFF00);
            -webkit-background-clip: text; -webkit-text-fill-color: transparent;
        }

        /* Interactive Cards */
        .hover-card { transition: all 0.3s ease; }
        .hover-card:hover {
            transform: translateY(-8px);
            border-color: #CCFF00;
            box-shadow: 0 10px 30px -10px rgba(204, 255, 0, 0.15);
        }

        /* Sliders */
        .hide-scrollbar::-webkit-scrollbar { display: none; }
        .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
        .snap-slider { scroll-snap-type: x mandatory; }
        .snap-item { scroll-snap-align: start; }

        /* Lightbox */
        #lightbox {
            opacity: 0; visibility: hidden; transition: all 0.3s ease;
            backdrop-filter: blur(8px);
        }
        #lightbox.active { opacity: 1; visibility: visible; }
        
        /* Reveal Animations */
        .reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }
        .delay-100 { transition-delay: 100ms; }
        .delay-200 { transition-delay: 200ms; }
        .delay-300 { transition-delay: 300ms; }

        /* FAQ */
        .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out; }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #050505; }
        ::-webkit-scrollbar-thumb { background: #1E1E1E; border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: #CCFF00; }
