/* Infinite Scroll Animation */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.scroll-wrapper {
    display: flex;
    width: max-content;
    animation: scroll 40s linear infinite;
}

.scroll-wrapper:hover {
    animation-play-state: paused;
}

/* Shifting Gradient Animation */
@keyframes gradientShift {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.animated-gradient-bg {
    background: linear-gradient(-45deg, #dbeafe, #eff6ff, #fdf2f8, #fbcfe8);
    background-size: 400% 400%;
    animation: gradientShift 15s ease infinite;
}