/* Animations Component - Centralized Keyframes */

/* ===== KEYFRAMES ANIMATIONS ===== */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    33% { transform: translateY(-8px); }
    66% { transform: translateY(4px); }
}

@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

@keyframes glow {
    0%, 100% { 
        box-shadow: var(--shadow-error-30);
    }
    50% { 
        box-shadow: var(--shadow-error-40);
    }
}

@keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
    40% { transform: translateY(-10px); }
    60% { transform: translateY(-5px); }
}

@keyframes wiggle {
    0%, 100% { transform: rotate(5deg) scale(1.2); }
    25% { transform: rotate(-5deg) scale(1.2); }
    50% { transform: rotate(5deg) scale(1.2); }
    75% { transform: rotate(-5deg) scale(1.2); }
}

@keyframes rotate-badge {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(2deg); }
    50% { transform: rotate(0deg); }
    75% { transform: rotate(-2deg); }
    100% { transform: rotate(0deg); }
}

@keyframes pulse-line {
    0%, 100% { opacity: 0.6; transform: scaleY(1); }
    50% { opacity: 1; transform: scaleY(1.1); }
}

@keyframes bounce-arrow {
    0%, 100% { transform: rotate(90deg) translateX(0); }
    50% { transform: rotate(90deg) translateX(5px); }
}