/* Background fluide et élégant */
        .geometric-bg {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            background: 
                radial-gradient(ellipse at 15% 20%, rgba(139, 0, 0, 0.15) 0%, transparent 60%),
                radial-gradient(ellipse at 85% 80%, rgba(178, 34, 34, 0.08) 0%, transparent 60%),
                radial-gradient(ellipse at 50% 50%, rgba(128, 0, 0, 0.05) 0%, transparent 80%),
                linear-gradient(135deg, #0a0000 0%, #1a0000 20%, #2d0000 40%, #1f0000 60%, #260000 80%, #0f0000 100%);
        }

        /* Système de grille de données plus subtil */
        .data-grid {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0.05;
            pointer-events: none;
        }

        .grid-line {
            position: absolute;
            background: linear-gradient(90deg, transparent 0%, rgba(220, 20, 60, 0.15) 50%, transparent 100%);
            animation: dataFlow 12s ease-in-out infinite;
        }

        .grid-line.horizontal {
            width: 100%;
            height: 1px;
        }

        .grid-line.vertical {
            width: 1px;
            height: 100%;
        }

        .grid-line:nth-child(1) { top: 20%; animation-delay: 0s; }
        .grid-line:nth-child(2) { top: 40%; animation-delay: 2s; }
        .grid-line:nth-child(3) { top: 60%; animation-delay: 4s; }
        .grid-line:nth-child(4) { top: 80%; animation-delay: 6s; }
        .grid-line:nth-child(5) { left: 15%; animation-delay: 1s; }
        .grid-line:nth-child(6) { left: 35%; animation-delay: 3s; }
        .grid-line:nth-child(7) { left: 55%; animation-delay: 5s; }
        .grid-line:nth-child(8) { left: 75%; animation-delay: 7s; }

        @keyframes dataFlow {
            0% { opacity: 0; transform: scale(1, 0.2); }
            30% { opacity: 0.3; transform: scale(1, 0.8); }
            70% { opacity: 0.6; transform: scale(1, 1); }
            100% { opacity: 0; transform: scale(1, 0.2); }
        }

        /* Particules de données flottantes */
        .data-particles {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        .data-particle {
            position: absolute;
            width: 4px;
            height: 4px;
            background: #ffffff;
            border-radius: 50%;
            animation: particleFloat 12s ease-in-out infinite;
            opacity: 0.6;
        }

        .data-particle::before {
            content: '';
            position: absolute;
            top: -2px;
            left: -2px;
            right: -2px;
            bottom: -2px;
            border: 1px solid rgba(255, 255, 255, 0.3);
            border-radius: 50%;
            animation: particleRing 6s linear infinite;
        }

        @keyframes particleRing {
            0% { transform: scale(1) rotate(0deg); opacity: 0.8; }
            50% { transform: scale(2) rotate(180deg); opacity: 0.2; }
            100% { transform: scale(1) rotate(360deg); opacity: 0.8; }
        }

        @keyframes particleFloat {
            0%, 100% {
                transform: translate(0px, 0px) scale(1);
                opacity: 0.6;
            }
            25% {
                transform: translate(30px, -40px) scale(1.2);
                opacity: 0.9;
            }
            50% {
                transform: translate(-20px, 60px) scale(0.8);
                opacity: 0.4;
            }
            75% {
                transform: translate(40px, 20px) scale(1.1);
                opacity: 0.8;
            }
        }

        .data-particle:nth-child(1) { top: 10%; left: 15%; animation-delay: 0s; }
        .data-particle:nth-child(2) { top: 30%; left: 85%; animation-delay: 2s; }
        .data-particle:nth-child(3) { top: 50%; left: 25%; animation-delay: 4s; }
        .data-particle:nth-child(4) { top: 70%; left: 75%; animation-delay: 6s; }
        .data-particle:nth-child(5) { top: 85%; left: 45%; animation-delay: 8s; }
        .data-particle:nth-child(6) { top: 25%; left: 55%; animation-delay: 10s; }