@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";
:root{--background:#0f1014;--foreground:#fff;--primary:#5c3cff;--primary-hover:#7b61ff;--secondary:#1f2129;--accent:#f05;--surface:#1f212999;--border:#ffffff1a;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Outfit,Inter,-apple-system,sans-serif}a{color:inherit;text-decoration:none}ul{list-style:none}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:700;line-height:1.2}.glass{background:var(--surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius)}.glass-nav{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#0f1014cc}.btn{cursor:pointer;border:none;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #5c3cff66}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #5c3cff99}.btn-secondary{color:#fff;border:1px solid var(--border);background:#ffffff1a}.btn-secondary:hover{background:#ffffff26;transform:translateY(-2px)}.container{max-width:1400px;margin:0 auto;padding:0 24px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.text-gradient{background:linear-gradient(90deg,#fff,#a0a0b0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-primary{background:linear-gradient(135deg,#7b61ff 0%,#f05 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:14px;font-family:Outfit,sans-serif;font-size:.95rem;transition:border-color .3s,box-shadow .3s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #5c3cff26}.glass-nav{z-index:1000;background:0 0;border-bottom:1px solid #0000;width:100%;padding:20px 0;transition:all .4s cubic-bezier(.25,.8,.25,1);position:fixed;top:0;left:0}.glass-nav.scrolled{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#0f1014cc;padding:12px 0;box-shadow:0 10px 30px #00000080}.desktop-menu{gap:32px;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:#a0a0b0;align-items:center;gap:6px;font-size:.95rem;font-weight:500;transition:color .3s;display:flex;position:relative}.nav-link:hover,.nav-link.active{color:#fff}.nav-link:after{content:"";background:var(--primary);border-radius:2px;width:0%;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-badge{color:#7b61ff;background:#5c3cff26;border-radius:10px;padding:2px 6px;font-size:.7rem;font-weight:700}.nav-dropdown{position:relative}.nav-dropdown-btn{cursor:pointer;align-items:center;gap:6px;display:flex}.nav-dropdown-content{opacity:0;visibility:hidden;pointer-events:none;z-index:200;margin-top:-16px;padding-top:16px;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(10px)}.nav-dropdown-content-inner{-webkit-backdrop-filter:blur(28px);background:#0f1014bf;border:1px solid #ffffff1a;border-top-color:#fff3;border-radius:16px;flex-direction:column;gap:4px;min-width:250px;padding:10px;display:flex;box-shadow:0 20px 40px #00000080,inset 0 0 0 1px #ffffff0d}.nav-dropdown-content-inner:before{content:"";-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);pointer-events:none;background:#0f1014bf;border-top:1px solid #fff3;border-left:1px solid #fff3;width:12px;height:12px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.nav-dropdown:hover .nav-dropdown-content,.nav-dropdown-btn:focus+.nav-dropdown-content{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(16px)}.nav-dropdown-item{color:#e4e4e7;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.nav-dropdown-item:before{content:"";background:linear-gradient(90deg,#0000,#5c3cff26,#0000);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.nav-dropdown-item:hover{color:#fff;background:#ffffff14}.nav-dropdown-item:hover:before{transform:translate(100%)}.nav-dropdown-item-left{align-items:center;gap:12px;display:flex}.nav-dropdown-icon{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;transition:all .3s;display:flex}.nav-dropdown-item:hover .nav-dropdown-icon{background:var(--primary);border-color:var(--primary-hover);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #5c3cff4d}.nav-dropdown-chevron{transition:transform .3s}.nav-dropdown:hover .nav-dropdown-chevron{transform:rotate(180deg)}.movie-detail-grid{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px 40px;display:grid;container-type:inline-size}.movie-player-wrapper{grid-area:1/1}.movie-detail-header{flex-direction:column;grid-area:2/1;display:flex}.movie-detail-description{grid-area:3/1}.movie-page-main aside{grid-area:1/2/span 3}.movie-sidebar-poster{background:var(--secondary);border-radius:8px;flex:1;min-height:0;position:relative;overflow:hidden}.movie-sidebar-glass{flex-direction:column;gap:16px;padding:16px;display:flex}@media (min-width:901px){.movie-sidebar-glass{height:calc(56.25cqi - 191.25px)}}.action-buttons-wrapper{flex-direction:column;gap:12px;width:100%;display:flex}.player-overlay-container{border-radius:12px}.movie-page-main{padding:100px 24px 60px}@media (max-width:900px){.glass-nav,.glass-nav.scrolled{align-items:center!important;height:64px!important;padding:0 16px!important;display:flex!important}.glass-nav .container{width:100%;margin:0 auto;padding:0!important}.player-overlay-container{border-radius:0!important}.movie-page-main{flex-direction:column;padding:80px 16px 40px;display:flex}.movie-detail-grid{flex-direction:column!important;gap:16px!important;display:flex!important}.movie-player-wrapper{z-index:100;background:var(--background);aspect-ratio:16/9;border-bottom:1px solid #ffffff1a;flex-shrink:0;margin-left:-16px;margin-right:-16px;position:sticky;top:64px;box-shadow:0 4px 20px #00000080;border-radius:0!important;width:calc(100% + 32px)!important;margin-bottom:68px!important}.movie-detail-header,.movie-sidebar-glass,.movie-detail-description,.mobile-block-glass-fix{background:var(--secondary)!important;border:1px solid var(--border)!important;border-radius:16px!important;width:100%!important;padding:24px!important}.movie-sidebar-glass{width:100%!important;padding:24px 16px!important}.movie-sidebar-poster{display:none!important}.movie-sidebar-glass{gap:12px;height:auto!important}.action-buttons-wrapper{grid-template-columns:1fr 1fr!important;gap:12px!important;width:100%!important;display:grid!important}}.hamburger{cursor:pointer;z-index:101;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;display:none}.hamburger span{background-color:#fff;border-radius:2px;width:100%;height:2px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.hamburger.active span:first-child{transform:translateY(9px)rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-9px)rotate(-45deg)}.mobile-menu{-webkit-backdrop-filter:blur(20px);z-index:100;opacity:0;visibility:hidden;clip-path:circle(0 at 100% 0);background:#0f1014f2;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;transition:all .4s;display:flex;position:fixed;top:0;left:0}.mobile-menu.open{opacity:1;visibility:visible;clip-path:circle(150% at 100% 0)}.mobile-menu ul{text-align:left;width:100%;padding:0 24px;list-style:none}.mobile-menu li{opacity:0;margin:24px 0;transition:all .4s;transform:translateY(20px)}.mobile-menu.open li{opacity:1;transform:translateY(0)}.mobile-nav-link{color:#a0a0b0;justify-content:flex-start;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;transition:color .3s;display:flex}.mobile-nav-link:hover,.mobile-nav-link.active{color:#fff}@media (max-width:1024px){.container{padding:0 16px}}@media (max-width:768px){.desktop-menu{display:none}.hamburger{display:flex}.desktop-actions .btn{display:none}.desktop-actions .btn-secondary{justify-content:center;align-items:center;height:38px;padding:6px 10px;display:inline-flex!important}.desktop-actions{align-items:center;display:flex;gap:8px!important}.movie-detail-grid{flex-direction:column-reverse;grid-template-columns:1fr;gap:24px;display:flex}h1{font-size:2rem!important}h2{font-size:1.5rem!important}}@media (max-width:480px){h1{font-size:1.6rem!important}.btn{padding:10px 16px;font-size:.9rem}section[style*="minHeight: '80vh'"] h1,section[style*=min-height] h1{font-size:2.5rem!important}}.movie-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;display:grid}.genre-card-hover{box-shadow:none;background:#1c1c24;transform:none}.genre-card-hover:hover{background:#252530!important;transform:translateY(-2px)!important;box-shadow:0 10px 30px #0000004d!important}.text-link-hover:hover{text-decoration:underline!important}.movie-card-link{border-radius:12px;transition:transform .4s cubic-bezier(.25,.8,.25,1);display:block}.movie-card-link:hover{transform:translateY(-6px)}.movie-card-container{transition:box-shadow .4s;box-shadow:0 4px 16px #0000004d}.movie-card-link:hover .movie-card-container{box-shadow:0 12px 40px #5c3cff40,0 8px 20px #0006}.movie-card-link:hover .movie-card-poster{filter:blur(1.5px)brightness(.7);transform:scale(1.08)}.movie-card-link:hover .movie-card-gradient{background:linear-gradient(#0000001a 0%,#00000080 40%,#000000f2 100%)!important}.movie-card-link:hover .movie-card-info{transform:translateY(-4px)}.movie-card-link:hover .movie-card-meta{opacity:1!important;color:#ffffffe6!important}@media (min-width:768px){.movie-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:24px!important}}.hero-sidebar-item:hover{box-shadow:0 0 20px #5c3cff1a;background:#ffffff0f!important}.sidebar-scrollbar::-webkit-scrollbar{width:4px}.sidebar-scrollbar::-webkit-scrollbar-track{background:0 0}.sidebar-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sidebar-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:900px){.hero-sidebar{max-width:100%!important}}@media (max-width:640px){.hero-sidebar{display:none!important}}.modal-backdrop-animate{animation:.3s cubic-bezier(.16,1,.3,1) forwards fade-in}.modal-content-animate{animation:.4s cubic-bezier(.16,1,.3,1) forwards slide-up-zoom}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up-zoom{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.share-btn-hover:hover>div{transform:translateY(-4px)scale(1.1);box-shadow:0 10px 20px #0000004d}.share-btn-hover:hover span{color:#fff!important}.global-loader{justify-content:center;align-items:center;animation:1.5s cubic-bezier(.4,0,.6,1) infinite pulse-loader;display:flex}@keyframes pulse-loader{0%,to{opacity:1;filter:drop-shadow(0 0 15px #5c3cff99);transform:scale(1)}50%{opacity:.6;filter:drop-shadow(0 0 5px #f056);transform:scale(.95)}}.movie-card-play-btn{opacity:0;z-index:5;-webkit-backdrop-filter:blur(8px);color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8);box-shadow:0 8px 32px #0000004d}.movie-card-link:hover .movie-card-play-btn{opacity:1;background:linear-gradient(135deg,#5c3cffcc,#f05c);border-color:#fff6;transform:translate(-50%,-50%)scale(1);box-shadow:0 4px 20px #f056,0 0 0 6px #ffffff1a}.video-js{background-color:#000!important;border-radius:1.25rem!important;font-family:Inter,Outfit,ui-sans-serif,system-ui,sans-serif!important;position:relative!important;overflow:hidden!important}.video-js:after{content:""!important;z-index:5!important;border-radius:inherit!important;pointer-events:none!important;position:absolute!important;inset:0!important;box-shadow:inset 0 0 0 1px #ffffff14!important}.video-js .vjs-big-play-button,.video-js .vjs-chapters-button,.video-js .vjs-descriptions-button,.video-js .vjs-subs-caps-button,.video-js .vjs-audio-button,.video-js .vjs-remaining-time,.video-js .vjs-custom-control-spacer{display:none!important}.video-js .vjs-control-bar{-webkit-backdrop-filter:blur(16px)saturate(1.5)!important;backdrop-filter:blur(16px)saturate(1.5)!important;color:#fff!important;z-index:10!important;transform-origin:bottom!important;background-color:#ffffff1a!important;border-radius:9999px!important;align-items:center!important;gap:.125rem!important;width:auto!important;height:auto!important;padding:.25rem!important;transition:opacity .15s ease-out,transform .1s ease-out,filter .1s ease-out!important;display:flex!important;position:absolute!important;bottom:.75rem!important;left:.75rem!important;right:.75rem!important;box-shadow:0 0 0 1px #0000001a,0 1px 3px #00000026,0 1px 2px -1px #00000026!important}.video-js .vjs-control-bar:after{content:""!important;z-index:10!important;border-radius:inherit!important;pointer-events:none!important;position:absolute!important;inset:0!important;box-shadow:inset 0 0 0 1px #ffffff0d!important}.video-js.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:0!important;pointer-events:none!important;filter:blur(8px)!important;transition-duration:.3s!important;transition-delay:.5s!important;transform:scale(.92)!important}.video-js .vjs-progress-control{flex:1!important;align-items:center!important;width:auto!important;min-width:80px!important;height:1.25rem!important;display:flex!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important}.video-js .vjs-progress-holder{background-color:#fff3!important;border-radius:9999px!important;flex:1!important;height:.25rem!important;margin:0!important;overflow:visible!important;box-shadow:0 0 0 1px #0000000d!important}.video-js .vjs-play-progress{background:linear-gradient(90deg,#5c3cff,#f05)!important;border-radius:9999px!important;position:relative!important}.video-js .vjs-load-progress,.video-js .vjs-load-progress div{background:#ffffff26!important;border-radius:9999px!important}.video-js .vjs-play-progress:before{content:""!important;opacity:0!important;z-index:2!important;background:currentColor!important;border-radius:9999px!important;width:.625rem!important;height:.625rem!important;transition:opacity .15s ease-out,width .15s ease-out,height .15s ease-out!important;position:absolute!important;top:50%!important;right:-.3125rem!important;transform:translateY(-50%)!important;box-shadow:0 0 0 1px #0000001a,0 1px 3px #00000026,0 1px 2px -1px #00000026!important}.video-js .vjs-progress-control:hover .vjs-play-progress:before,.video-js .vjs-slider-active .vjs-play-progress:before{opacity:1!important}.video-js .vjs-slider-active .vjs-play-progress:before{width:.75rem!important;height:.75rem!important}.video-js .vjs-time-tooltip{-webkit-backdrop-filter:blur(16px)saturate(1.5)!important;backdrop-filter:blur(16px)saturate(1.5)!important;font-variant-numeric:tabular-nums!important;background:#000000e6!important;border-radius:.75rem!important;padding:.25rem .625rem!important;font-size:.75rem!important;box-shadow:0 0 0 1px #0000001a,inset 0 0 0 1px #ffffff0d,0 1px 3px #00000026!important}.video-js .vjs-button{aspect-ratio:1!important;width:2.125rem!important;height:2.125rem!important;color:inherit!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:9999px!important;flex-shrink:0!important;place-items:center!important;margin:0!important;padding:0!important;transition:background-color .15s ease-out,transform .15s ease-out!important;display:grid!important}.video-js .vjs-button:hover{background-color:#ffffff1a!important}.video-js .vjs-button:active{transform:scale(.9)!important}.video-js .vjs-icon-placeholder:before{color:inherit!important;text-shadow:0 0 1px #00000040!important;font-size:1.125rem!important;line-height:2.125rem!important}.video-js .vjs-time-control{font-variant-numeric:tabular-nums!important;color:inherit!important;align-items:center!important;min-width:auto!important;padding:0 .35rem!important;font-size:.8125rem!important;font-weight:400!important;line-height:2.125rem!important;display:flex!important}.video-js .vjs-time-divider{min-width:auto!important;padding:0 .125rem!important;line-height:2.125rem!important}.video-js .vjs-volume-panel{margin-left:0!important}.video-js .vjs-volume-level{background:#f05!important;border-radius:9999px!important}.video-js .vjs-volume-bar{background:#fff3!important;border-radius:9999px!important}.video-js .vjs-volume-level:before{color:#fff!important;font-size:.75rem!important}.video-js .vjs-playback-rate .vjs-playback-rate-value{font-variant-numeric:tabular-nums!important;color:inherit!important;font-size:.8125rem!important;line-height:2.125rem!important}.video-js .vjs-menu-button-popup .vjs-menu{margin-bottom:.5rem!important}.video-js .vjs-menu-content{-webkit-backdrop-filter:blur(16px)saturate(1.5)!important;backdrop-filter:blur(16px)saturate(1.5)!important;color:#fff!important;background-color:#ffffff1a!important;border:none!important;border-radius:1rem!important;padding:.25rem!important;box-shadow:0 0 0 1px #0000001a,inset 0 0 0 1px #ffffff0d,0 1px 3px #00000026!important}.video-js .vjs-menu-item{color:inherit!important;border-radius:9999px!important;margin-bottom:.125rem!important;padding:.375rem .75rem!important;font-size:.8125rem!important;font-weight:500!important;transition:background-color .15s ease-out!important}.video-js .vjs-menu-item:hover,.video-js .vjs-menu-item:focus{color:#fff!important;text-shadow:none!important;background-color:#ffffff1a!important}.video-js .vjs-menu-item.vjs-selected{color:#fff!important;background:linear-gradient(135deg,#5c3cff,#f05)!important}.video-js .vjs-loading-spinner{border-color:#fff #ffffff26 #ffffff26!important}.video-js.vjs-fullscreen,.video-js.vjs-fullscreen:after{border-radius:0!important}