  <style>
    .sparkles{ position:absolute; inset:0; background-image:
      radial-gradient(2px 2px at 20% 30%, rgba(255,255,255,.35), transparent), radial-gradient(2.5px 2.5px at 80% 40%, rgba(255,255,255,.25), transparent),
      radial-gradient(1.8px 1.8px at 60% 70%, rgba(255,255,255,.2), transparent), radial-gradient(2px 2px at 35% 80%, rgba(255,255,255,.15), transparent);
      background-repeat:no-repeat; animation: twinkle 6s ease-in-out infinite; opacity:.4; mix-blend-mode: screen; }
    @keyframes twinkle{ 50%{ opacity:.7 } }
    .marquee-wrapper { mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent); }
    .marquee{ display:flex; gap:6rem; animation: scrollx 30s linear infinite; }
    .marquee img {
        filter: grayscale(1) brightness(0.8) drop-shadow(0 0 5px rgba(0, 191, 255, 0.4));
        transition: all .3s ease-out;
    }
    .marquee img:hover{
        filter: grayscale(0) brightness(1.2) drop-shadow(0 0 15px rgba(0, 191, 255, 0.8));
        transform: scale(1.1);
    }
    @keyframes scrollx{ 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }
    .snap-x{ scroll-snap-type:x mandatory }
    .snap-center{ scroll-snap-align:center }
    .swiper-button-next, .swiper-button-prev { color: #fbbf24; }
    .swiper-pagination-bullet-active { background-color: #fbbf24; }
  </style>