Sigma Hot Web Series
.episode-card:hover .episode-img transform: scale(1.08); .episode-card:hover .play-overlay opacity: 1; .episode-card:hover border-color: rgba(246, 2, 97, 0.5);
<!-- Navigation --> <nav class="fixed top-0 left-0 right-0 z-[100] h-16 flex items-center justify-between px-6 border-b border-white/[0.08]" style="background: rgba(11,13,16,0.9); backdrop-filter: blur(12px);"> <a href="#" class="font-display font-black text-xl tracking-tightest flex items-center gap-2"> <span class="bg-accent text-white w-7 h-7 rounded flex items-center justify-center text-xs font-bold">Σ</span> SIGMA HOT </a> <div class="hidden md:flex items-center gap-8"> <a href="#episodes" class="font-body text-xs font-medium uppercase tracking-wide text-gray-400 hover:text-white transition-colors duration-150">Episodes</a> <a href="#cast" class="font-body text-xs font-medium uppercase tracking-wide text-gray-400 hover:text-white transition-colors duration-150">Cast</a> <a href="#features" class="font-body text-xs font-medium uppercase tracking-wide text-gray-400 hover:text-white transition-colors duration-150">Features</a> <a href="#reviews" class="font-body text-xs font-medium uppercase tracking-wide text-gray-400 hover:text-white transition-colors duration-150">Reviews</a> </div> <div class="flex items-center gap-3"> <button onclick="showToast('Notifications enabled')" class="hidden sm:flex items-center gap-2 text-xs font-bold uppercase tracking-widest text-white bg-white/5 border border-white/10 px-5 py-2.5 hover:bg-white/10 transition-all duration-300"> <span class="iconify" data-icon="lucide:bell" data-width="14"></span> Notify </button> <button onclick="showToast('Welcome! Streaming starts soon.')" class="flex items-center gap-2 text-xs font-bold uppercase tracking-widest text-white bg-accent px-5 py-2.5 hover:bg-pink-600 transition-all duration-300" style="box-shadow: 0 0 40px -10px rgba(246, 2, 97, 0.5);"> <span class="iconify" data-icon="lucide:play" data-width="14"></span> Watch Now </button> <button id="mobile-menu-btn" class="md:hidden ml-2" onclick="toggleMobileMenu()"> <span class="iconify text-white" data-icon="lucide:menu" data-width="24"></span> </button> </div> </nav> Sigma Hot Web Series
