/* Styles extracted from index.html */
.slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1s ease-in-out; object-fit: cover; }
.slide.active { opacity: 1; }
.overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.5); }

@keyframes marquee {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}
.animate-marquee {
    display: inline-block;
    animation: marquee 20s linear infinite;
}