/* Animation flèche flottante */
@keyframes float-arrow {
    0%, 100% { 
        transform: translateY(0px) rotate(0deg); 
    }
    25% { 
        transform: translateY(-15px) rotate(2deg); 
    }
    50% { 
        transform: translateY(0px) rotate(0deg); 
    }
    75% { 
        transform: translateY(-10px) rotate(-2deg); 
    }
}
@keyframes float-gentle {
    0%, 100% { transform: translate(0, 0) scale(1); }
    25% { transform: translate(30px, -30px) scale(1.05); }
    50% { transform: translate(-20px, 20px) scale(0.95); }
    75% { transform: translate(25px, 15px) scale(1.02); }
}
/* Hover glow effect pour les liens */
.hover-glow:hover {
    filter: drop-shadow(0 0 10px rgba(80,200,120,0.3));
}
@keyframes fadeInUp {
    from {
    opacity: 0;
    transform: translateY(30px);
    }
    to {
    opacity: 1;
    transform: translateY(0);
    }
}

.hero-animate {
    animation: fadeInUp 0.8s ease-out forwards;
}

.hero-animate-delay-1 {
    opacity: 0;
    animation: fadeInUp 0.8s ease-out 0.2s forwards;
}

.hero-animate-delay-2 {
    opacity: 0;
    animation: fadeInUp 0.8s ease-out 0.4s forwards;
}