html,
body {
  height: 100%;
  margin: 0;
}
* {
  font-family: "Outfit", sans-serif;
}
.mono {
  font-family: "Space Mono", monospace;
}
.gradient-hero {
  background: linear-gradient(
    135deg,
    #0a0a0f 0%,
    #1a0a2e 40%,
    #16213e 70%,
    #0a0a0f 100%
  );
}
.card-glow:hover {
  box-shadow: 0 0 30px rgba(139, 92, 246, 0.3);
  transform: translateY(-4px);
}
.card-glow {
  transition: all 0.3s ease;
}
.genre-pill:hover {
  transform: scale(1.05);
}
.genre-pill {
  transition: transform 0.2s ease;
}
@keyframes float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
.float-anim {
  animation: float 3s ease-in-out infinite;
}
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
body {
  box-sizing: border-box;
}