/* Custom Netflix & Neytrilla Glassmorphic Scrollbars & Effects */
    ::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    ::-webkit-scrollbar-track {
      background: #05080e;
    }
    ::-webkit-scrollbar-thumb {
      background: rgba(0, 229, 255, 0.25);
      border-radius: 4px;
    }
    ::-webkit-scrollbar-thumb:hover {
      background: #00e5ff;
    }
    .hide-scrollbar::-webkit-scrollbar {
      display: none;
    }
    .hide-scrollbar {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
    .glass-panel {
      background: rgba(10, 16, 28, 0.82);
      backdrop-filter: blur(20px) saturate(160%);
      -webkit-backdrop-filter: blur(20px) saturate(160%);
      border: 1px solid rgba(0, 229, 255, 0.18);
    }
    .glass-card {
      background: rgba(13, 20, 36, 0.7);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      border: 1px solid rgba(0, 229, 255, 0.15);
    }
    .glass-card:hover {
      border-color: #00e5ff;
      box-shadow: 0 12px 35px rgba(0, 0, 0, 0.8), 0 0 20px rgba(0, 229, 255, 0.35);
      transform: translateY(-4px) scale(1.02);
    }
    .hero-gradient {
      background: linear-gradient(0deg, #05080e 0%, rgba(5, 8, 14, 0.7) 40%, rgba(5, 8, 14, 0.1) 80%, rgba(5, 8, 14, 0.8) 100%),
                  linear-gradient(90deg, #05080e 0%, rgba(5, 8, 14, 0.8) 35%, transparent 70%);
    }
    @keyframes pulseGlow {
      0%, 100% { box-shadow: 0 0 15px rgba(0, 229, 255, 0.3); }
      50% { box-shadow: 0 0 30px rgba(0, 229, 255, 0.7); }
    }
    .glow-pulse {
      animation: pulseGlow 3s infinite ease-in-out;
    }
    @keyframes scaleUp {
      from { transform: scale(0.95); opacity: 0; }
      to { transform: scale(1); opacity: 1; }
    }
    .animate-scaleUp {
      animation: scaleUp 0.22s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    }
    @keyframes fadeIn {
      from { opacity: 0; }
      to { opacity: 1; }
    }
    .animate-fadeIn {
      animation: fadeIn 0.2s ease-out forwards;
    }
    @keyframes netflixHoverInEdge {
      0% { opacity: 0; transform: scale(0.92); }
      100% { opacity: 1; transform: scale(1); }
    }
    @keyframes netflixHoverInCenter {
      0% { opacity: 0; transform: translateX(-50%) scale(0.92); }
      100% { opacity: 1; transform: translateX(-50%) scale(1); }
    }
    .netflix-hover-edge {
      animation: netflixHoverInEdge 0.22s cubic-bezier(0.2, 0, 0.2, 1) forwards;
    }
    .netflix-hover-center {
      animation: netflixHoverInCenter 0.22s cubic-bezier(0.2, 0, 0.2, 1) forwards;
    }