/* Shared Animations and Keyframes */

@keyframes slideRight {
    from { transform: translateX(-100%); }
    to { transform: translateX(100%); }
}

@keyframes slideDown {
    from { transform: translateY(-100%); }
    to { transform: translateY(100%); }
}

@keyframes float {
    0%, 100% { transform: translate(0, 0) scale(1); }
    33% { transform: translate(30px, -30px) scale(1.1); }
    66% { transform: translate(-20px, 20px) scale(0.9); }
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

@keyframes bounce {
    0%, 80%, 100% {
        transform: scale(0);
    }
    40% {
        transform: scale(1);
    }
}