/* ============ ANIMATIONS — DARK NEON ============ */

/* Slider dot progress */
@keyframes dotProgress {
    from { width: 0; }
    to { width: 100%; }
}

/* Slide content fade in */
@keyframes slideFadeIn {
    from { opacity: 0; transform: translateY(2rem); }
    to { opacity: 1; transform: translateY(0); }
}

.slider__slide.active .slider__text {
    animation: slideFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

/* Floating animation */
@keyframes float {
    0%, 100% { transform: translateX(-50%) translateY(0); }
    50% { transform: translateX(-50%) translateY(-6px); }
}

/* Bounce for scroll indicator */
@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(4px); }
}

/* Mobile nav entrance */
@keyframes slideUp {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}

.mobile-nav {
    animation: slideUp 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

/* Neon pulse */
@keyframes neonPulse {
    0%, 100% { opacity: 0.6; }
    50% { opacity: 1; }
}

/* Gradient rotate (for decorative elements) */
@keyframes gradientRotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}