/* Custom Theme Setup */
        :root {
            --midnight: #ebebeb;
            --electric-blue: #ffa1f6;
            --neon-pink: #FF4ECD;
            --glass-bg: #ff5e5eef;
            --glass-border: rgba(0, 0, 0, 0.1);
        }

        body {
            background-color: var(--midnight);
            color: #F8F8F8;
            font-family: 'Poppins', sans-serif;
            overflow-x: hidden;
        }

        h1, h2, h3, h4, h5, h6, .font-heading {
            font-family: 'Orbitron', sans-serif;
        }

        /* Neon Utilities */
        .text-glow-blue {
            text-shadow: 0 0 10px rgba(0, 207, 255, 0.7);
        }
        
        .text-glow-pink {
            text-shadow: 0 0 10px rgba(255, 78, 205, 0.7);
        }

        .neon-border-blue:hover {
            box-shadow: 0 0 15px var(--electric-blue), inset 0 0 5px var(--electric-blue);
            border-color: var(--electric-blue);
        }

        .neon-border-pink:hover {
            box-shadow: 0 0 15px var(--neon-pink), inset 0 0 5px var(--neon-pink);
            border-color: var(--neon-pink);
        }

        /* Glassmorphism */
        .glass-card {
            background: var(--glass-bg);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid var(--glass-border);
        }

        /* Animations */
        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
            100% { transform: translateY(0px); }
        }

        .animate-float {
            animation: float 4s ease-in-out infinite;
        }

        .fade-in-up {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }

        .fade-in-up.visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #0A0A0A;
        }
        ::-webkit-scrollbar-thumb {
            background: #333;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #00CFFF;
        }

        /* Modal Overlay */
        .modal-overlay {
            background-color: rgba(0, 0, 0, 0.8);
            backdrop-filter: blur(5px);
        }

        /* Cart Badge */
        .cart-badge {
            position: absolute;
            top: -5px;
            right: -5px;
            background-color: var(--neon-pink);
            color: black;
            border-radius: 50%;
            width: 18px;
            height: 18px;
            font-size: 10px;
            font-weight: bold;
            display: flex;
            align-items: center;
            justify-content: center;
        }