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

.animate-text {
    opacity: 0;
    animation: fadeInUp 0.8s ease forwards;
}

.delay-1 {
    animation-delay: 0.2s;
}

.delay-2 {
    animation-delay: 0.4s;
}

.delay-3 {
    animation-delay: 0.6s;
}

.delay-4 {
    animation-delay: 0.8s;
}

.letter-animate {
    display: inline-block;
    opacity: 0;
    animation: letterFadeIn 0.5s ease forwards;
}

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

/* Individual letter delays */
.letter-1 { animation-delay: 0.1s; }
.letter-2 { animation-delay: 0.2s; }
.letter-3 { animation-delay: 0.3s; }
.letter-4 { animation-delay: 0.4s; }
.letter-5 { animation-delay: 0.5s; }
.letter-6 { animation-delay: 0.7s; }
.letter-7 { animation-delay: 0.8s; }
.letter-8 { animation-delay: 0.9s; }
.letter-9 { animation-delay: 1.0s; }

@keyframes pulseAndScale {
    0%, 100% {
        transform: scale(1);
    }
    2%, 8% {
        transform: scale(1.15);
    }
    10%, 90% {
        transform: scale(1);
    }
    92%, 98% {
        transform: scale(1.15);
    }
}

.pulse-text {
    animation: fadeInUp 0.8s ease forwards,
               pulseAndScale 8s ease-in-out 2s infinite;
}

.pulse-text.delay-2 {
    animation: fadeInUp 0.8s ease forwards,
               pulseAndScale 8s ease-in-out 3s infinite;
}

.pulse-text.delay-3 {
    animation: fadeInUp 0.8s ease forwards,
               pulseAndScale 8s ease-in-out 3.5s infinite;
}

.scroll-reveal {
    opacity: 0;
    transform: translateY(100px);
    transition: all 1s ease-out;
}

.scroll-reveal.active {
    opacity: 1;
    transform: translateY(0);
}