@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,500&display=swap');

html {
  scroll-behavior: smooth;
}

body {
  background-color: #140a24;
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
}

.font-display {
  font-family: 'Unbounded', system-ui, sans-serif;
}

[x-cloak] {
  display: none !important;
}

.bg-glow {
  background:
    radial-gradient(circle at 15% 10%, rgba(124, 63, 212, 0.35), transparent 40%),
    radial-gradient(circle at 85% 0%, rgba(194, 230, 0, 0.16), transparent 35%),
    radial-gradient(circle at 50% 100%, rgba(255, 93, 122, 0.14), transparent 45%);
}

.reel-scroll {
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.reel-scroll::-webkit-scrollbar {
  display: none;
}
.reel-card {
  scroll-snap-align: start;
}

.text-stroke-spark {
  -webkit-text-stroke: 1px rgba(212, 255, 63, 0.55);
}

.marquee-track {
  animation: marquee 26s linear infinite;
}
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}