:root {
            --color-charcoal: #111111;
            --color-neon-orange: #FF6A00;
            --color-electric-blue: #00D4FF;
            --color-white: #FFFFFF;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--color-charcoal);
            color: var(--color-white);
            min-height: 100vh;
        }

        .font-heading {
            font-family: 'Poppins', sans-serif;
        }

        /* Neon Glow Animation for Buttons and Borders */
        .neon-glow {
            box-shadow: 0 0 5px var(--color-neon-orange), 0 0 10px var(--color-neon-orange), 0 0 15px var(--color-neon-orange);
            transition: all 0.3s ease-in-out;
        }
        .neon-glow-blue {
            box-shadow: 0 0 5px var(--color-electric-blue), 0 0 10px var(--color-electric-blue), 0 0 15px var(--color-electric-blue);
        }
        .neon-border-orange {
            border: 2px solid var(--color-neon-orange);
            box-shadow: 0 0 8px var(--color-neon-orange) inset;
        }
        .neon-hover-orange:hover {
            text-shadow: 0 0 5px var(--color-neon-orange);
        }
        
        /* Floating background shapes simulation */
        @keyframes float {
            0% { transform: translate(0, 0); }
            50% { transform: translate(-15px, 15px); }
            100% { transform: translate(0, 0); }
        }

        .floating-shape {
            animation: float 10s ease-in-out infinite;
        }
        
        /* Custom scrollbar for carousel */
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;  /* IE and Edge */
            scrollbar-width: none;  /* Firefox */
            scroll-snap-type: x mandatory;
        }
        .scroll-snap-item {
            scroll-snap-align: start;
        }
            @keyframes marquee {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
        .marquee-track {
            display: inline-block;
            animation: marquee 20s linear infinite;
        }
        .neon-text {
            text-shadow: 0 0 5px currentColor, 0 0 10px currentColor, 0 0 20px currentColor, 0 0 30px currentColor;
            font-weight: 900;
            display: inline-block;
        }