/* =============================================
   Fichier : animations.css
   Description : Animations CSS pour le site Idem Tech
   Auteur : Idem Tech
   Date : 2025
============================================= */

/* Animation de pulsation pour le logo */
@keyframes pulse {
    0% { transform: translateY(-50%) scale(1); opacity: 0.3; }
    50% { transform: translateY(-50%) scale(1.2); opacity: 0.1; }
    100% { transform: translateY(-50%) scale(1); opacity: 0.3; }
}

/* Animation de flottement pour le badge hero */
@keyframes float-badge {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

/* Animation de mouvement de la grille */
@keyframes grid-move {
    0% { transform: translate(0, 0); }
    100% { transform: translate(50px, 50px); }
}

/* Animation de flottement pour les éléments flottants */
@keyframes float {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    33% { transform: translateY(-20px) rotate(120deg); }
    66% { transform: translateY(20px) rotate(240deg); }
}

/* Animation de rotation pour l'arrière-plan CTA */
@keyframes rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Animation pour les particules du menu */
@keyframes particle-float {
    0% { background-position: 0 0; }
    100% { background-position: 200px 200px; }
}

/* Animation holographique */
@keyframes holographic-shift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Animation de brillance */
@keyframes shimmer {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

/* Styles pour les particules de navigation */
.nav-particle {
    position: fixed;
    border-radius: 50%;
    pointer-events: none;
    z-index: 1001;
}