/* Animation Styles */
@keyframes translateFadeIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

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

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

@keyframes textShadow {
    0%, 80% {
        text-shadow: none;
    }  
    100% {
        text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    }
}

@keyframes hueShift {
    0%, 100% {
        filter: hue-rotate(0deg);
    }
    50% {
        filter: hue-rotate(360deg);
    }
}

@keyframes rainbowGlow {
    0% { filter: blur(40px) hue-rotate(0deg); }
    100% { filter: blur(40px) hue-rotate(360deg); }
}