/* Flowing Background - Optimized for Mobile */
        .bg-grid {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: 
                radial-gradient(ellipse at 10% 20%, rgba(230, 57, 70, 0.15) 0%, transparent 40%),
                radial-gradient(ellipse at 90% 80%, rgba(212, 175, 55, 0.12) 0%, transparent 40%),
                radial-gradient(ellipse at 50% 50%, rgba(192, 192, 192, 0.05) 0%, transparent 60%);
            z-index: 0;
            animation: bgFlow 20s ease-in-out infinite alternate;
        }

        @keyframes bgFlow {
            0% { 
                background-position: 0% 0%, 100% 100%, 50% 50%;
                filter: hue-rotate(0deg);
            }
            100% { 
                background-position: 10% 10%, 90% 90%, 60% 40%;
                filter: hue-rotate(5deg);
            }
        }

        .gradient-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: 
                linear-gradient(135deg, rgba(230, 57, 70, 0.03) 0%, transparent 30%, rgba(212, 175, 55, 0.04) 70%, transparent 100%),
                repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(230, 57, 70, 0.02) 2px, rgba(230, 57, 70, 0.02) 4px);
            z-index: 1;
            pointer-events: none;
            animation: gradientShift 15s ease-in-out infinite;
        }

        @keyframes gradientShift {
            0%, 100% { opacity: 0.6; }
            50% { opacity: 0.9; }
        }