/* Dark Theme Variables */
        :root {
            --neon-lime: #B0FF00;
            --electric-cyan: #00D2FF;
            --deep-charcoal: #121212;
            --panel: #1C1C1C;
            --subtle-grid: #2C2C2C;
            --text-primary: #E0E0E0;
            --text-muted: #9CA3AF;
        }

        /* Smooth scroll and font utilities */
        html { scroll-behavior: smooth; }
        .font-pixel { font-family: 'Press Start 2P', cursive; letter-spacing: 2px; }
        .font-inter { font-family: 'Inter', sans-serif; }

        /* Color helpers for custom props */
        .text-electric-cyan { color: var(--electric-cyan); }
        .text-text-primary { color: var(--text-primary); }
        .text-muted { color: var(--text-muted); }
        .text-deep-charcoal { color: var(--deep-charcoal); }
        .bg-deep-charcoal { background-color: var(--deep-charcoal); }
        .border-electric-cyan { border-color: var(--electric-cyan); }
        .border-electric-cyan-50 { border-color: rgba(0, 210, 255, 0.5); }

        /* Cursor and background */
        body {
            background-color: var(--deep-charcoal);
            color: var(--text-primary);
            cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24"><path fill="%23B0FF00" d="M3.293 3.293a1 1 0 0 1 1.414 0L12 10.586l7.293-7.293a1 1 0 1 1 1.414 1.414L13.414 12l7.293 7.293a1 1 0 1 1-1.414 1.414L12 13.414l-7.293 7.293a1 1 0 0 1-1.414-1.414L10.586 12 3.293 4.707a1 1 0 0 1 0-1.414z"/></svg>') 12 12, auto;
            min-height: 100vh;
        }
        .grid-bg {
            background-image:
                radial-gradient(1200px 600px at 80% -10%, rgba(0,210,255,0.10), transparent 60%),
                radial-gradient(800px 400px at -10% 20%, rgba(176,255,0,0.08), transparent 60%),
                linear-gradient(120deg, rgba(0,210,255,0.04) 0%, rgba(176,255,0,0.04) 100%),
                linear-gradient(to right, var(--subtle-grid) 1px, transparent 1px),
                linear-gradient(to bottom, var(--subtle-grid) 1px, transparent 1px);
            background-size: auto, auto, 100% 100%, 20px 20px, 20px 20px;
            background-attachment: fixed;
            animation: bg-move 18s linear infinite alternate;
        }
        @keyframes bg-move {
            0% { background-position: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; }
            100% { background-position: 10% 10%, 5% 5%, 100% 100%, 0% 0%, 0% 0%; }
        }
        
    /* Custom styles for Pixel Verse landing page */
    .gradient-text-animate {
        background: linear-gradient(90deg, var(--neon-lime), var(--electric-cyan), var(--neon-lime));
        background-size: 200% auto;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: gradient-shift 3s linear infinite;
        display: block;
        text-align: center;
        white-space: nowrap;
        overflow: visible;
    }
    @keyframes gradient-shift {
        0%, 100% { background-position: 0% center; }
        50% { background-position: 100% center; }
    }
    .logo {
        width: 48px;
        height: 48px;
        object-fit: contain;
        filter: drop-shadow(0 2px 8px rgba(0,210,255,0.12));
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .logo:hover {
        filter: drop-shadow(0 4px 16px rgba(0, 210, 255, 0.4)) drop-shadow(0 2px 8px rgba(176, 255, 0, 0.3));
        transform: scale(1.05) rotate(2deg);
    }
    .icon {
        width: 20px;
        height: 20px;
        vertical-align: middle;
        transition: color 0.2s;
    }
    /* Add more custom styles as needed */

        /* ============================================
           PREMIUM & PROFESSIONAL ENHANCEMENTS
           ============================================ */

        /* Enhanced Glass Morphism */
        .glass {
            background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.05));
            -webkit-backdrop-filter: blur(20px) saturate(180%);
            backdrop-filter: blur(20px) saturate(180%);
            border: 1px solid rgba(255,255,255,0.18);
            box-shadow: 0 8px 32px 0 rgba(0,0,0,0.37), 
                        inset 0 1px 0 0 rgba(255,255,255,0.1);
        }

        /* Professional Shadow System (Subtle by Default, Enhanced on Hover) */
        .neon-lime-shadow { 
            box-shadow: 0 2px 12px rgba(176, 255, 0, 0.2),
                        0 4px 24px rgba(0, 0, 0, 0.2);
            transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .neon-lime-shadow:hover {
            box-shadow: 0 4px 24px rgba(176, 255, 0, 0.4),
                        0 8px 40px rgba(0, 0, 0, 0.3);
        }

        .neon-cyan-shadow { 
            box-shadow: 0 2px 12px rgba(0, 210, 255, 0.2),
                        0 4px 24px rgba(0, 0, 0, 0.2);
            transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .neon-cyan-shadow:hover {
            box-shadow: 0 4px 24px rgba(0, 210, 255, 0.4),
                        0 8px 40px rgba(0, 0, 0, 0.3);
        }

        .neon-purple-shadow { 
            box-shadow: 0 2px 12px rgba(168, 85, 247, 0.2),
                        0 4px 24px rgba(0, 0, 0, 0.2);
            transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .neon-purple-shadow:hover {
            box-shadow: 0 4px 24px rgba(168, 85, 247, 0.4),
                        0 8px 40px rgba(0, 0, 0, 0.3);
        }

        /* Premium Pulse Animation */
        @keyframes pulse-neon {
            0%, 100% { 
                transform: translateZ(0) scale(1); 
                box-shadow: 0 2px 16px rgba(176, 255, 0, 0.25),
                            0 4px 24px rgba(0, 0, 0, 0.3); 
            }
            50% { 
                transform: translateZ(0) scale(1.02); 
                box-shadow: 0 4px 24px rgba(176, 255, 0, 0.4),
                            0 8px 40px rgba(0, 0, 0, 0.35); 
            }
        }
        .cta-pulse { animation: pulse-neon 3s cubic-bezier(0.4, 0, 0.6, 1) infinite; }

        /* Premium Button Effects */
        .btn, .group.inline-flex, .inline-flex.items-center {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            border-radius: 1rem;
            position: relative;
            overflow: hidden;
        }

        /* Button Shine Effect */
        .btn::after, .group.inline-flex::after, .inline-flex.items-center::after {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 50%;
            height: 100%;
            background: linear-gradient(90deg, 
                transparent, 
                rgba(255, 255, 255, 0.3), 
                transparent);
            transition: left 0.5s;
        }

        .btn:hover::after, .group.inline-flex:hover::after, .inline-flex.items-center:hover::after {
            left: 200%;
        }

        .btn:hover, .group.inline-flex:hover, .inline-flex.items-center:hover {
            box-shadow: 0 6px 32px rgba(0, 210, 255, 0.3), 
                        0 3px 16px rgba(176, 255, 0, 0.2),
                        0 0 0 1px rgba(255, 255, 255, 0.1);
            transform: translateY(-2px) scale(1.01);
        }
        .btn:active, .group.inline-flex:active, .inline-flex.items-center:active {
            transform: translateY(0) scale(0.98);
            transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1);
        }

        /* Reveal on scroll */
    .reveal { opacity: 0; transform: translateY(16px); transition: opacity .7s cubic-bezier(.4,2,.6,1), transform .7s cubic-bezier(.4,2,.6,1); }
    .reveal.visible { opacity: 1; transform: translateY(0); }
        
        /* Make hero always visible */
    .hero-content { opacity: 1 !important; transform: translateY(0) !important; }
        
        /* Section heading styles */
        .section-heading {
            position: relative;
            display: inline-block;
            padding-bottom: 1rem;
            border-radius: 1rem;
        }
        .section-heading::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 60%;
            height: 3px;
            border-radius: 2px;
            background: linear-gradient(90deg, transparent, var(--electric-cyan), transparent);
        }

        /* Diwali postcard styles removed — markup not present */

            border-radius: 8px;
            padding: 8px;
            margin: 10px 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 4px;
            box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3);
        }

        /* Diwali coupon styles removed */

        /* ============================================
           ADDITIONAL PREMIUM FEATURES
           ============================================ */

        /* Premium Card Hover Effects */
        .bg-panel {
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .bg-panel:hover {
            background: linear-gradient(135deg, #222222 0%, #1C1C1C 100%);
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4),
                        0 0 0 1px rgba(255, 255, 255, 0.08),
                        inset 0 1px 0 rgba(255, 255, 255, 0.1);
            transform: translateY(-2px);
        }

        /* Professional Scale Effects */
        .hover\:scale-105 {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .hover\:scale-105:hover {
            transform: scale(1.03) translateZ(0);
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),
                        0 4px 16px rgba(0, 210, 255, 0.15);
        }

        /* Enhanced Text Shadows for Headers */
        h1, h2, h3 {
            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
        }

        /* Professional Focus States */
        *:focus-visible {
            outline: 2px solid var(--electric-cyan);
            outline-offset: 4px;
            border-radius: 8px;
        }

        /* Smooth Page Transitions */
        * {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        /* Enhanced Footer Links */
        footer a {
            position: relative;
            display: inline-block;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        footer a::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 0;
            height: 2px;
            background: linear-gradient(90deg, var(--electric-cyan), var(--neon-lime));
            transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        footer a:hover::after {
            width: 100%;
        }

        /* Refined Border Glow */
        @keyframes borderGlow {
            0%, 100% {
                box-shadow: 0 2px 16px rgba(0, 210, 255, 0.2);
            }
            50% {
                box-shadow: 0 4px 24px rgba(176, 255, 0, 0.3);
            }
        }

        .border-lime-400:hover,
        .border-cyan-400:hover {
            animation: borderGlow 3s ease-in-out infinite;
        }

        /* Stagger Animation Delays for Reveal */
        .reveal:nth-child(1) { transition-delay: 0.1s; }
        .reveal:nth-child(2) { transition-delay: 0.2s; }
        .reveal:nth-child(3) { transition-delay: 0.3s; }
        .reveal:nth-child(4) { transition-delay: 0.4s; }
        .reveal:nth-child(5) { transition-delay: 0.5s; }
        .reveal:nth-child(6) { transition-delay: 0.6s; }

        /* Professional Heading Accents */
        .heading-lime { 
            color: var(--neon-lime); 
            text-shadow: 0 2px 8px rgba(176, 255, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3); 
        }
        .heading-cyan { 
            color: var(--electric-cyan); 
            text-shadow: 0 2px 8px rgba(0, 210, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3); 
        }

        /* Refined Backdrop Blur for Header */
        header {
            -webkit-backdrop-filter: blur(24px) saturate(180%);
            backdrop-filter: blur(24px) saturate(180%);
            transition: box-shadow 0.3s ease;
        }

        /* Subtle Section Overlays */
        section {
            position: relative;
        }

        section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: radial-gradient(circle at top right, rgba(0, 210, 255, 0.03), transparent 60%),
                        radial-gradient(circle at bottom left, rgba(176, 255, 0, 0.03), transparent 60%);
            pointer-events: none;
            opacity: 0;
            transition: opacity 0.6s ease;
        }

        section:hover::before {
            opacity: 1;
            font-family: 'Press Start 2P', monospace;
            cursor: pointer;
            -webkit-user-select: all;
            user-select: all;
        }

                /* Diwali responsive & helper rules removed */