body {
            background-color: #050505;
            color: #FFFFFF;
        }

        /* CRT Overlay Effect */
        .crt-overlay {
            background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), 
                        linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
            background-size: 100% 2px, 3px 100%;
            pointer-events: none;
            z-index: 40;
            position: fixed;
            inset: 0;
        }

        /* Top background effects - FIXED MOBILE OVERFLOW */
        .top-ambient-effects {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 900px;
            pointer-events: none;
            z-index: 0;
            overflow: hidden; /* Prevent horizontal scroll on mobile */
            mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 100%);
            -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 100%);
        }

        .bg-grid {
            position: absolute;
            inset: 0;
            background-image: 
                linear-gradient(to right, rgba(144, 247, 64, 0.08) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(144, 247, 64, 0.08) 1px, transparent 1px);
            background-size: 96px 96px; 
        }

        /* Responsive width for glow to fix mobile */
        .glow-radial {
            position: absolute;
            top: -200px;
            left: 50%;
            transform: translateX(-50%);
            width: 200%; /* Adaptive width */
            max-width: 1200px;
            height: 800px;
            background: radial-gradient(ellipse at center, rgba(144, 247, 64, 0.12) 0%, transparent 60%);
        }

        /* Pixel Typography Styling */
        .heading-pixel {
            letter-spacing: -0.02em;
            text-shadow: 
                2px 2px 0px #000, 
                -1px -1px 0px rgba(144, 247, 64, 0.6),
                0 0 12px rgba(144, 247, 64, 0.4);
            -webkit-font-smoothing: none;
        }

        .text-glow {
            text-shadow: 0 0 8px rgba(144, 247, 64, 0.5);
        }

        /* Glassy Premium Surface */
        .glass-panel {
            background: var(--tw-colors-bb-panel);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border: 1px solid var(--tw-colors-bb-border);
            box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.3), 0 4px 20px rgba(0, 0, 0, 0.4);
        }

        /* Reveal Animations */
        .reveal {
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* FAQ Accordion */
        .faq-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out, opacity 0.3s ease;
            opacity: 0;
        }
        .faq-content.open {
            max-height: 500px;
            opacity: 1;
        }