/* =============================================
   ANIMATIONS — Shared keyframes
   ============================================= */

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

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

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

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

@keyframes glowPulse {
    0%, 100% {
        box-shadow: 0 0 20px rgba(240, 168, 48, 0.1);
    }
    50% {
        box-shadow: 0 0 40px rgba(240, 168, 48, 0.25);
    }
}

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

@keyframes gradientShift {
    0%, 100% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
}

/* Animation & Transition delay utilities */
.delay-1 { animation-delay: 0.1s; transition-delay: 0.1s, 0.1s !important; }
.delay-2 { animation-delay: 0.2s; transition-delay: 0.2s, 0.2s !important; }
.delay-3 { animation-delay: 0.3s; transition-delay: 0.3s, 0.3s !important; }
.delay-4 { animation-delay: 0.4s; transition-delay: 0.4s, 0.4s !important; }
.delay-5 { animation-delay: 0.5s; transition-delay: 0.5s, 0.5s !important; }
.delay-6 { animation-delay: 0.6s; transition-delay: 0.6s, 0.6s !important; }

/* Scroll reveal base */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1),
                transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.reveal.revealed {
    opacity: 1;
    transform: translateY(0);
}