/* Animations */

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

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

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

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

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

@keyframes scaleIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

@keyframes glow {
    0%, 100% {
        box-shadow: 0 0 20px rgba(255, 193, 7, 0);
    }
    50% {
        box-shadow: 0 0 20px rgba(255, 193, 7, 0.5);
    }
}

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

@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

/* Utility Classes */
.animate-fade {
    animation: fadeIn var(--transition-base) ease-out;
}

.animate-slide-up {
    animation: slideInUp var(--transition-base) ease-out;
}

.animate-slide-down {
    animation: slideInDown var(--transition-base) ease-out;
}

.animate-slide-left {
    animation: slideInLeft var(--transition-base) ease-out;
}

.animate-slide-right {
    animation: slideInRight var(--transition-base) ease-out;
}

.animate-scale {
    animation: scaleIn var(--transition-base) ease-out;
}

.animate-bounce {
    animation: bounce var(--transition-base) ease-in-out infinite;
}

.animate-pulse {
    animation: pulse var(--transition-base) ease-in-out infinite;
}

.animate-float {
    animation: float 3s ease-in-out infinite;
}