/* =========================================================================
   ANIMATIONS & EFFECTS
   ========================================================================= */

/* Hero Entrance Animations */
.animate-up {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeUp 0.8s ease forwards;
}

.delay-1 { animation-delay: 0.2s; }
.delay-2 { animation-delay: 0.4s; }
.delay-3 { animation-delay: 0.6s; }

@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Scroll Reveal Animations (Triggered via JS Intersection Observer) */
.reveal {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.8s ease;
}

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

/* Pulsing effect for CTA */
@keyframes pulseGlow {
    0% {
        box-shadow: 0 0 0 0 rgba(46, 204, 64, 0.4);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(46, 204, 64, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(46, 204, 64, 0);
    }
}

.nav-cta, .submit-btn {
    animation: pulseGlow 2s infinite;
}

.nav-cta:hover, .submit-btn:hover {
    animation: none;
}

/* Hero Background Subtle Float */
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}

.hero-large-logo {
    animation: fadeUp 0.8s ease forwards, float 6s ease-in-out infinite;
    animation-delay: 0s, 1s; /* Start float after fadeUp */
}