body, html {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            background-color: #000; /* Fond noir profond */
            display: flex;
            justify-content: center;
            align-items: center;
            font-family: Arial, sans-serif; /* Pour un texte de secours si nécessaire */
        }

        .pre-index-container {
            text-align: center;
            position: relative;
        }

        .animated-logo {
            max-width: 65%; /* Ajuste la taille si nécessaire */
            height: 65%;
            display: block;
            margin: 0 auto;
            border-radius: 2em;
            
            /* Animations combinées : fondu, lueur, et léger scintillement */
            animation: 
                flickerIntro 6s ease-in-out forwards,
                glowPulse 3s infinite alternate ease-in-out;
            
            /* Effet de lueur d'arrière-plan permanent pour amplifier le feu */
            box-shadow: 0 0 120px rgba(255, 100, 0, 0.4);
        }

        /* 1. Animation d'introduction : fondu de 0 à 1 puis de 1 à 0 */
        @keyframes flickerIntro {
            0% { opacity: 0; transform: scale(0.95); }
            10% { opacity: 1; transform: scale(1); }
            85% { opacity: 1; transform: scale(1); }
            100% { opacity: 0; transform: scale(1.05); } /* Légère sortie vers l'avant */
        }

        /* 2. Animation de pulsation de lueur (permanent) */
        @keyframes glowPulse {
            0% {
                box-shadow: 0 0 80px rgba(255, 100, 0, 0.3);
                filter: brightness(1);
            }
            100% {
                box-shadow: 0 0 150px rgba(255, 150, 0, 0.7);
                filter: brightness(1.1); /* Augmente légèrement la luminosité */
            }
        }