.hero-bs{
  background:
    radial-gradient(1200px 600px at 20% 10%, rgba(13,110,253,0.28), transparent 60%),
    radial-gradient(900px 500px at 85% 15%, rgba(255,122,24,0.18), transparent 55%),
    #0b0c10;
}

.hero-pill{
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.10);
  backdrop-filter: blur(10px);
}

.hero-dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, #ff7a18, #ff3d7f);
}

.icon-circle{
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
  background: rgba(13,110,253,0.12);
  border: 1px solid rgba(13,110,253,0.25);
  flex: 0 0 auto;
}

.poster-tile{
  cursor: pointer;
  transition: transform 120ms ease;
}
.poster-tile:hover{
  transform: translateY(-2px);
}
.poster-img{
  height: 360px;
  object-fit: cover;
}
@media (max-width: 576px){
  .poster-img{ height: 320px; }
}

/* Make tab panels feel like page loads */
.tab-pane{
  min-height: calc(100vh - 56px - 72px); /* navbar and footer rough heights */
}

.nav-link.active {
    color: black;
    border-bottom: 2px solid red;
}