/* ─── Keyframes ─── */
@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(1.5); }
}

@keyframes waveBar {
    0%, 100% { height: 4px; }
    50% { height: 32px; }
}

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

@keyframes float-particle {
    0% {
        opacity: 0;
        transform: translateY(100vh) translateX(0);
    }
    10% { opacity: 0.6; }
    90% { opacity: 0.6; }
    100% {
        opacity: 0;
        transform: translateY(-10vh) translateX(50px);
    }
}

@keyframes typing {
    0%, 100% { opacity: 0.3; }
    50% { opacity: 1; }
}

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

@keyframes glowPulse {
    0%, 100% { box-shadow: 0 0 20px rgba(91, 184, 241, 0.15), 0 0 60px rgba(91, 184, 241, 0); }
    50% { box-shadow: 0 0 20px rgba(91, 184, 241, 0.3), 0 0 60px rgba(91, 184, 241, 0.1); }
}

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

@keyframes pulseBooking {
    0%, 100% { box-shadow: 0 0 0 0 rgba(91, 184, 241, 0.3); }
    50% { box-shadow: 0 0 0 8px rgba(91, 184, 241, 0); }
}

@keyframes gradientShift {
    0%, 100% { opacity: 0.08; transform: translateX(-50%) scale(1); }
    50% { opacity: 0.14; transform: translateX(-50%) scale(1.05); }
}

/* ─── Scroll Reveal ─── */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

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

/* ─── Staggered Text Reveal ─── */
.reveal-text {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1),
                transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.reveal-text:nth-child(2) { transition-delay: 0.15s; }
.reveal-text:nth-child(3) { transition-delay: 0.3s; }

.reveal-text.visible {
    opacity: 1;
    transform: translateY(0);
}