/* 1. STYLES DU PRELOADER */
        #preloader {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            /* Dégradé radial inspiré du fond bleu du logo */
            background: radial-gradient(circle, #1a3a7a 0%, #070b1a 100%);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            z-index: 9999;
            transition: opacity 1s ease-in-out;
        }

        .loader-container {
            text-align: center;
        }

        /* Style de l'image de Maria */
        .maria-logo {
            width: 250px; /* Ajuste la taille selon tes besoins */
            height: auto;
            border-radius: 50%; /* Garde l'aspect circulaire */
            /* Animation de pulsation douce */
            animation: pulse-maria 3s ease-in-out infinite;
            filter: drop-shadow(0 0 15px rgba(212, 175, 55, 0.4));
        }

        .loader-text {
            margin-top: 25px;
            color: #d4af37; /* Or du logo */
            font-family: 'Times New Roman', serif;
            font-size: 1.5rem;
            letter-spacing: 2px;
            text-transform: uppercase;
            opacity: 0.8;
        }

        /* ANIMATION DE PULSATION */
        @keyframes pulse-maria {
            0% { transform: scale(0.95); opacity: 0.8; }
            50% { transform: scale(1.05); opacity: 1; }
            100% { transform: scale(0.95); opacity: 0.8; }
        }

        /* Cacher le preloader */
        .hidden {
            opacity: 0;
            pointer-events: none;
        }