/* Couleurs unies */
        .gradient-bg {
            background-color: #1e40af; /* Bleu */
        }
        
        .gradient-bg-dark {
            background-color: #1e3a8a; /* Bleu foncé */
        }
        
        .contact-card {
            transition: all 0.4s ease;
        }
        
        .contact-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(30, 64, 175, 0.1);
        }
        
        .whatsapp-btn {
            background-color: #25D366; /* Vert WhatsApp */
            transition: all 0.4s ease;
        }
        
        .whatsapp-btn:hover {
            background-color: #128C7E;
            transform: translateY(-3px);
            box-shadow: 0 10px 25px rgba(37, 211, 102, 0.3);
        }
        
        .contact-icon {
            transition: all 0.4s ease;
        }
        
        .contact-card:hover .contact-icon {
            transform: scale(1.15);
        }
        
        /* Animations au défilement - PLUS LENTES */
        .scroll-animate {
            opacity: 0;
            transform: translateY(40px);
            transition: opacity 1.2s ease, transform 1.2s ease;
        }
        
        .scroll-animate-left {
            opacity: 0;
            transform: translateX(-60px);
            transition: opacity 1.2s ease, transform 1.2s ease;
        }
        
        .scroll-animate-right {
            opacity: 0;
            transform: translateX(60px);
            transition: opacity 1.2s ease, transform 1.2s ease;
        }
        
        .scroll-animate-scale {
            opacity: 0;
            transform: scale(0.85);
            transition: opacity 1.2s ease, transform 1.2s ease;
        }
        
        .scroll-animate-rotate {
            opacity: 0;
            transform: rotateY(90deg);
            transition: opacity 1.2s ease, transform 1.2s ease;
        }
        
        .scroll-animate.animated,
        .scroll-animate-left.animated,
        .scroll-animate-right.animated,
        .scroll-animate-scale.animated,
        .scroll-animate-rotate.animated {
            opacity: 1;
            transform: translateY(0) translateX(0) scale(1) rotateY(0);
        }
        
        /* Délais pour les animations - PLUS LONGS */
        .delay-100 { transition-delay: 0.2s; }
        .delay-200 { transition-delay: 0.4s; }
        .delay-300 { transition-delay: 0.6s; }
        .delay-400 { transition-delay: 0.8s; }
        .delay-500 { transition-delay: 1s; }
        .delay-600 { transition-delay: 1.2s; }
        .delay-700 { transition-delay: 1.4s; }
        .delay-800 { transition-delay: 1.6s; }
        .delay-900 { transition-delay: 1.8s; }
        .delay-1000 { transition-delay: 2s; }
        
        /* Hover effets */
        .hover-grow {
            transition: transform 0.3s ease;
        }
        
        .hover-grow:hover {
            transform: scale(1.05);
        }
        
        /* Styles pour les bordures jaunes */
        .border-yellow {
            border-color: #f59e0b;
        }
        
        .bg-yellow-light {
            background-color: #fef3c7;
        }
        
        .bg-blue-light {
            background-color: #dbeafe;
        }
        
        /* Responsive adjustments */
        @media (max-width: 768px) {
            .contact-card {
                padding: 1.5rem;
            }
            
            .scroll-animate,
            .scroll-animate-left,
            .scroll-animate-right,
            .scroll-animate-scale,
            .scroll-animate-rotate {
                transition-duration: 0.8s;
            }
        }
        
        @media (max-width: 640px) {
            .contact-card {
                padding: 1.25rem;
            }
        }