.header{position:fixed;transform:translateY(0);width:100%;height:60px;z-index:2;display:flex;align-items:center;transition:all ease .5s}.header.top{background:rgba(0,0,0,.4);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}.header.show{background-color:var(--black3)}.header.hide{transform:translateY(-60px)}.header .contentWrapper{display:flex;align-items:center;justify-content:space-between}.header .logo{cursor:pointer}.header .logo .logoText{font-size:28px;font-weight:700;cursor:pointer;background:linear-gradient(90deg,#3b82f6 0%,#10b981 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;font-family:JetBrains Mono,monospace;letter-spacing:-1px}.header .menuItems{list-style-type:none;display:none;align-items:center}@media only screen and (min-width: 768px){.header .menuItems{display:flex}}.header .menuItems .menuItem{height:60px;display:flex;align-items:center;margin:0 15px;color:#fff;font-weight:500;position:relative;cursor:pointer}.header .menuItems .menuItem.searchIcon{margin-right:0}.header .menuItems .menuItem svg{font-size:18px}.header .menuItems .menuItem:hover{color:var(--pink)}.header .mobileMenuItems{display:flex;align-items:center;gap:20px}@media only screen and (min-width: 768px){.header .mobileMenuItems{display:none}}.header .mobileMenuItems svg{font-size:18px;color:#fff}.header.mobileView{background:transparent}.header.mobileView .menuItems{display:flex;position:absolute;top:70px;left:20px;right:20px;width:auto;flex-direction:column;padding:20px 0;border-top:1px solid rgba(255,255,255,.1);animation:mobileMenu .3s ease forwards;border-radius:20px;background:rgba(0,0,0,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #0000001a}.header.mobileView .menuItems .menuItem{font-size:20px;width:100%;height:auto;padding:15px 20px;margin:0;display:flex;flex-direction:column;align-items:flex-start}.header .searchBar{width:100%;height:60px;background-color:#fff;position:absolute;top:60px;animation:mobileMenu .3s ease forwards}.header .searchBar .searchInput{display:flex;align-items:center;height:40px;margin-top:10px;width:100%}.header .searchBar .searchInput svg{font-size:20px;flex-shrink:0;margin-left:10px;cursor:pointer}.header .searchBar .searchInput input{width:100%;height:50px;background-color:#fff;outline:0;border:0;border-radius:30px 0 0 30px;padding:0 15px;font-size:14px}@media only screen and (min-width: 768px){.header .searchBar .searchInput input{height:60px;font-size:20px;padding:0 30px}}@keyframes mobileMenu{0%{transform:translateY(-130%)}to{transform:translateY(0)}}.contentWrapper{width:100%;max-width:1480px;margin:0 auto;padding:0 20px}.footer{background-color:#000;padding:80px 0;color:#fff;position:relative}.footer .contentWrapper{display:flex;align-items:center;flex-direction:column;gap:20px}.footer a{text-decoration:none;color:#fff}.footer .menuItems{list-style-type:none;display:flex;flex-direction:column;gap:20px;margin-bottom:20px}@media only screen and (min-width: 768px){.footer .menuItems{flex-direction:row;margin-bottom:30px;gap:30px}}.footer .menuItems .menuItem{transition:all ease .3s;cursor:pointer;font-size:12px}@media only screen and (min-width: 768px){.footer .menuItems .menuItem{font-size:16px}}.footer .menuItems .menuItem:hover{color:var(--pink)}.footer .infoText{font-size:12px;line-height:20px;opacity:.5;text-align:center;max-width:800px;margin-bottom:20px}@media only screen and (min-width: 768px){.footer .infoText{font-size:14px;margin-bottom:30px}}.footer .socialIcons{display:flex;align-items:center;justify-content:center;gap:10px}.footer .socialIcons .icon{width:50px;height:50px;border-radius:50%;background-color:var(--black);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all ease .3s}.footer .socialIcons .icon:hover{box-shadow:0 0 .625em var(--pink);color:var(--pink)}.carouselSection{position:relative;margin-bottom:70px}.carouselSection>.contentWrapper{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.carouselSection .carouselTitle{font-size:24px;color:#fff;font-weight:400}.heroBanner{width:100%;height:450px;background-color:var(--black);display:flex;align-items:center;position:relative}@media only screen and (min-width: 768px){.heroBanner{height:700px}}.heroBanner .backdrop-img{width:100%;height:100%;position:absolute;top:0;left:0;opacity:.8;overflow:hidden}.heroBanner .backdrop-img .lazy-load-image-background{width:100%;height:100%}.heroBanner .backdrop-img .lazy-load-image-background img{width:100%;height:100%;object-fit:cover;object-position:center}.heroBanner .opacity-layer{width:100%;height:250px;background:linear-gradient(180deg,rgba(10,10,10,0) 0%,rgba(10,10,10,.5) 50%,var(--black) 100%);position:absolute;bottom:0;left:0}.heroBanner .heroBannerContent{display:flex;flex-direction:column;align-items:center;color:#fff;text-align:center;position:relative;max-width:800px;margin:0 auto}.heroBanner .heroBannerContent .title{font-size:50px;font-weight:700;margin-bottom:10px;font-family:JetBrains Mono,monospace;letter-spacing:-2px}@media only screen and (min-width: 768px){.heroBanner .heroBannerContent .title{margin-bottom:0;font-size:90px}}.heroBanner .heroBannerContent .subTitle{font-size:18px;font-weight:500;margin-bottom:40px;color:#fff}@media only screen and (min-width: 768px){.heroBanner .heroBannerContent .subTitle{font-size:24px}}.heroBanner .heroBannerContent .searchInput{display:flex;align-items:center;width:100%;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:5px}.heroBanner .heroBannerContent .searchInput input{width:calc(100% - 110px);height:50px;background-color:transparent;outline:0;border:0;padding:0 20px;font-size:14px;font-family:JetBrains Mono,monospace;color:#fff}.heroBanner .heroBannerContent .searchInput input::placeholder{color:#ffffff80}@media only screen and (min-width: 768px){.heroBanner .heroBannerContent .searchInput input{width:calc(100% - 160px);height:60px;font-size:20px;padding:0 30px}}.heroBanner .heroBannerContent .searchInput button{width:100px;height:50px;background:linear-gradient(90deg,#3b82f6 0%,#2563eb 100%);color:#fff;outline:0;border:0;border-radius:40px;font-size:16px;cursor:pointer;transition:all .3s ease;font-family:JetBrains Mono,monospace;font-weight:700;box-shadow:0 0 15px #3b82f666}.heroBanner .heroBannerContent .searchInput button:hover{transform:scale(1.05);box-shadow:0 0 25px #3b82f699}@media only screen and (min-width: 768px){.heroBanner .heroBannerContent .searchInput button{width:150px;height:60px;font-size:18px}}.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}.circleRating{background:var(--black);border:2px solid var(--pink);border-radius:8px;padding:4px 10px;display:inline-flex;align-items:center;gap:6px}.circleRating .starIcon{font-size:12px;color:var(--pink)}.circleRating .ratingText{font-size:13px;font-weight:700;color:#fff;line-height:1;font-family:JetBrains Mono,monospace}.genres{display:flex;gap:5px}.genres .genre{background-color:var(--pink);padding:3px 5px;font-size:12px;border-radius:4px;color:#fff;white-space:nowrap}.carousel{margin-bottom:50px}.carousel .contentWrapper{position:relative}.carousel .carouselTitle{font-size:24px;color:#fff;margin-bottom:20px;font-weight:700;font-family:JetBrains Mono,monospace;padding-left:15px;border-left:4px solid var(--pink);line-height:1;letter-spacing:-.5px}.carousel .arrow{font-size:30px;color:#000;position:absolute;top:44%;transform:translateY(-50%);cursor:pointer;opacity:.5;z-index:1;display:none}@media only screen and (min-width: 768px){.carousel .arrow{display:block}}.carousel .arrow:hover{opacity:.8}.carousel .carouselLeftNav{left:30px}.carousel .carouselRighttNav{right:30px}.carousel .loadingSkeleton{display:flex;gap:10px;overflow-y:hidden;margin-right:-20px;margin-left:-20px;padding:0 20px}@media only screen and (min-width: 768px){.carousel .loadingSkeleton{gap:20px;overflow:hidden;margin:0;padding:0}}.carousel .loadingSkeleton .skeletonItem{width:125px;flex-shrink:0}@media only screen and (min-width: 768px){.carousel .loadingSkeleton .skeletonItem{width:calc(25% - 15px)}}@media only screen and (min-width: 1024px){.carousel .loadingSkeleton .skeletonItem{width:calc(20% - 16px)}}.carousel .loadingSkeleton .skeletonItem .posterBlock{border-radius:12px;width:100%;aspect-ratio:1 / 1.5;margin-bottom:30px}.carousel .loadingSkeleton .skeletonItem .textBlock{display:flex;flex-direction:column}.carousel .loadingSkeleton .skeletonItem .textBlock .title{width:100%;height:20px;margin-bottom:10px}.carousel .loadingSkeleton .skeletonItem .textBlock .date{width:75%;height:20px}.carousel .carouselItems{display:flex;gap:10px;overflow-y:hidden;margin-right:-20px;margin-left:-20px;padding:0 20px}@media only screen and (min-width: 768px){.carousel .carouselItems{gap:20px;overflow:hidden;margin:0;padding:0}}.carousel .carouselItems .carouselItem{width:125px;cursor:pointer;flex-shrink:0}@media only screen and (min-width: 768px){.carousel .carouselItems .carouselItem{width:calc(25% - 15px)}}@media only screen and (min-width: 1024px){.carousel .carouselItems .carouselItem{width:calc(20% - 16px)}}.carousel .carouselItems .carouselItem .posterBlock{position:relative;width:100%;aspect-ratio:1 / 1.5;background-size:cover;background-position:center;margin-bottom:30px;display:flex;align-items:flex-end;justify-content:space-between;padding:10px;border-radius:12px;transition:all ease .5s}.carousel .carouselItems .carouselItem .posterBlock:hover{transform:scale(1.05);box-shadow:0 10px 20px #00000080}.carousel .carouselItems .carouselItem .posterBlock .lazy-load-image-background{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;overflow:hidden}.carousel .carouselItems .carouselItem .posterBlock .lazy-load-image-background:hover{opacity:.8}.carousel .carouselItems .carouselItem .posterBlock .lazy-load-image-background img{width:100%;height:100%;object-fit:cover;object-position:center}.carousel .carouselItems .carouselItem .posterBlock .circleRating{position:absolute;bottom:10px;left:10px;z-index:5}.carousel .carouselItems .carouselItem .posterBlock .genres{display:none;position:absolute;bottom:10px;right:10px;z-index:5}@media only screen and (min-width: 768px){.carousel .carouselItems .carouselItem .posterBlock .genres{display:flex;flex-flow:wrap;justify-content:flex-end}}.carousel .carouselItems .carouselItem .textBlock{color:#fff;display:flex;flex-direction:column}.carousel .carouselItems .carouselItem .textBlock .title{font-size:16px;margin-bottom:10px;line-height:24px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width: 768px){.carousel .carouselItems .carouselItem .textBlock .title{font-size:20px}}.carousel .carouselItems .carouselItem .textBlock .date{font-size:14px;opacity:.5}.switchingTabs{height:34px;background-color:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2px;box-shadow:0 4px 6px #0000001a}.switchingTabs .tabItems{display:flex;align-items:center;height:30px;position:relative}.switchingTabs .tabItems .tabItem{height:100%;display:flex;align-items:center;justify-content:center;width:100px;color:#fff;font-size:14px;position:relative;z-index:1;cursor:pointer;margin-top:0;line-height:normal}.switchingTabs .tabItems .tabItem.active{color:#fff}.switchingTabs .tabItems .movingBg{height:30px;width:100px;border-radius:15px;background-image:var(--gradient);position:absolute;left:0;transition:left cubic-bezier(.88,-.35,.565,1.35) .4s}.topRatedSection{position:relative;margin-bottom:50px}.topRatedSection .sectionHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.topRatedSection .sectionTitle{font-size:24px;color:#fff;font-weight:400}.topRatedSection .topRatedGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}@media only screen and (min-width: 576px){.topRatedSection .topRatedGrid{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width: 768px){.topRatedSection .topRatedGrid{grid-template-columns:repeat(4,1fr);gap:20px}}@media only screen and (min-width: 1024px){.topRatedSection .topRatedGrid{grid-template-columns:repeat(5,1fr)}}.topRatedSection .gridCard{cursor:pointer}.topRatedSection .movieCard{width:100%;margin-bottom:0}.topRatedSection .gridCard .posterBlock{position:relative;width:100%;aspect-ratio:1 / 1.5;background-size:cover;background-position:center;background-color:var(--black3);border-radius:12px;overflow:hidden;margin-bottom:30px;display:flex;align-items:flex-end;justify-content:space-between;padding:10px;transition:all ease .5s}.topRatedSection .gridCard .posterBlock .posterImg{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.topRatedSection .gridCard .posterBlock:hover{transform:scale(1.05);box-shadow:0 10px 20px #00000080}.topRatedSection .gridCard .posterBlock .circleRating{width:40px;height:40px;position:absolute;bottom:10px;left:10px;background-color:#fff;z-index:5}@media only screen and (min-width: 768px){.topRatedSection .gridCard .posterBlock .circleRating{width:50px;height:50px}}.topRatedSection .gridCard .posterBlock .genres{display:none;position:absolute;bottom:10px;right:10px;z-index:5}@media only screen and (min-width: 768px){.topRatedSection .gridCard .posterBlock .genres{display:flex;flex-flow:wrap;justify-content:flex-end}}.topRatedSection .gridCard .textBlock{color:#fff;display:flex;flex-direction:column}.topRatedSection .gridCard .textBlock .title{font-size:16px;margin-bottom:10px;line-height:24px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width: 768px){.topRatedSection .gridCard .textBlock .title{font-size:16px}}.topRatedSection .gridCard .textBlock .date{font-size:12px;opacity:.5}@media only screen and (min-width: 768px){.topRatedSection .gridCard .textBlock .date{font-size:14px}}.topRatedSection .skeletonItem{width:100%}.topRatedSection .skeletonItem .posterBlock{width:100%;aspect-ratio:2/3;border-radius:12px;margin-bottom:20px}.topRatedSection .skeletonItem .textBlock .title{width:100%;height:20px;border-radius:10px;margin-bottom:10px}.topRatedSection .skeletonItem .textBlock .date{width:75%;height:16px;border-radius:10px}.movieCard{width:calc(50% - 5px);margin-bottom:25px;cursor:pointer;flex-shrink:0}@media only screen and (min-width: 768px){.movieCard{width:calc(25% - 15px)}}@media only screen and (min-width: 1024px){.movieCard{width:calc(20% - 16px)}}.movieCard .posterBlock{position:relative;width:100%;aspect-ratio:1 / 1.5;background-size:cover;background-position:center;margin-bottom:30px;display:flex;align-items:flex-end;justify-content:space-between;padding:10px;transition:all ease .5s;border-radius:12px;overflow:hidden}.movieCard .posterBlock:hover{transform:scale(1.05);box-shadow:0 10px 20px #00000080}.movieCard .posterBlock .lazy-load-image-background{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;overflow:hidden}.movieCard .posterBlock .lazy-load-image-background img{width:100%;height:100%;object-fit:cover;object-position:center}.movieCard .posterBlock .circleRating{position:absolute;bottom:10px;left:10px;z-index:5}.movieCard .posterBlock .genres{display:none;position:absolute;bottom:10px;right:10px;z-index:5}@media only screen and (min-width: 768px){.movieCard .posterBlock .genres{display:flex;flex-flow:wrap;justify-content:flex-end}}.movieCard .textBlock{color:#fff;display:flex;flex-direction:column}.movieCard .textBlock .title{font-size:16px;margin-bottom:10px;line-height:24px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width: 768px){.movieCard .textBlock .title{font-size:20px}}.movieCard .textBlock .date{font-size:14px;opacity:.5}.detailsBanner .backdrop-img{width:100%;height:100%;position:absolute;top:0;left:0;opacity:.1;overflow:hidden}.detailsBanner .backdrop-img .lazy-load-image-background{width:100%;height:100%}.detailsBanner .backdrop-img .lazy-load-image-background img{width:100%;height:100%;object-fit:cover;object-position:center}.detailsBanner .opacity-layer{width:100%;height:250px;background:linear-gradient(180deg,rgba(10,10,10,0) 0%,var(--black) 100%);position:absolute;bottom:0;left:0}@media only screen and (min-width: 768px){.detailsBanner .content{gap:50px;flex-direction:row}}@media only screen and (min-width: 768px){.detailsBanner .content .left .posterImg{max-width:350px}}.detailsBanner .content .right .genres{margin-bottom:25px;flex-flow:row wrap}.detailsBanner .content .right .circleRating{max-width:70px;background-color:var(--black2)}@media only screen and (min-width: 768px){.detailsBanner .content .right .circleRating{max-width:90px}}.detailsBanner .content .right .circleRating .CircularProgressbar-text{fill:#fff}.detailsBanner .content .right .playbtn{display:flex;align-items:center;gap:20px;cursor:pointer}.detailsBanner .content .right .playbtn svg{width:60px}@media only screen and (min-width: 768px){.detailsBanner .content .right .playbtn svg{width:80px}}.detailsBanner .content .right .playbtn .text{font-size:20px;transition:all .7s ease-in-out}.detailsBanner .content .right .playbtn .triangle{stroke-dasharray:240;stroke-dashoffset:480;stroke:#fff;transform:translateY(0);transition:all .7s ease-in-out}.detailsBanner .content .right .playbtn .circle{stroke:#fff;stroke-dasharray:650;stroke-dashoffset:1300;transition:all .5s ease-in-out}.detailsBanner .content .right .playbtn:hover .text{color:var(--pink)}.detailsBanner .content .right .playbtn:hover .triangle{stroke-dashoffset:0;opacity:1;stroke:var(--pink);animation:trailorPlay .7s ease-in-out}.detailsBanner .content .right .playbtn:hover .circle{stroke-dashoffset:0;stroke:var(--pink)}.detailsBanner .content .right .watchlistBtn{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px 12px;border-radius:30px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}@media only screen and (min-width: 768px){.detailsBanner .content .right .watchlistBtn{padding:10px 20px}}.detailsBanner .content .right .watchlistBtn:hover{background:rgba(255,255,255,.2)}.detailsBanner .content .right .watchlistBtn svg{font-size:18px;color:#ef4444;flex-shrink:0}@media only screen and (min-width: 768px){.detailsBanner .content .right .watchlistBtn svg{font-size:20px}}.detailsBanner .content .right .watchlistBtn .text{font-size:12px;white-space:nowrap}@media only screen and (min-width: 768px){.detailsBanner .content .right .watchlistBtn .text{font-size:16px}}.detailsBanner .content .right .ratingRow{margin-bottom:15px}.detailsBanner .content .right .buttonsRow{display:flex;align-items:center;gap:15px;margin-bottom:25px;flex-wrap:wrap}@media only screen and (min-width: 768px){.detailsBanner .content .right .buttonsRow{gap:25px}}.detailsBanner .detailsBannerSkeleton{display:flex;position:relative;flex-direction:column;gap:25px}@media only screen and (min-width: 768px){.detailsBanner .detailsBannerSkeleton{gap:50px;flex-direction:row}}.detailsBanner .detailsBannerSkeleton .contentWrapper{display:flex;gap:50px}.detailsBanner .detailsBannerSkeleton .left{flex-shrink:0;width:100%;display:block;border-radius:12px;aspect-ratio:1/1.5}@media only screen and (min-width: 768px){.detailsBanner .detailsBannerSkeleton .left{max-width:350px}}.detailsBanner .detailsBannerSkeleton .right{width:100%}.detailsBanner .detailsBannerSkeleton .right .row{width:100%;height:25px;margin-bottom:20px;border-radius:50px}.detailsBanner .detailsBannerSkeleton .right .row:nth-child(2){width:75%;margin-bottom:50px}.detailsBanner .detailsBannerSkeleton .right .row:nth-child(5){width:50%;margin-bottom:50px}.videoPopup{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;visibility:hidden;z-index:9}.videoPopup .opacityLayer{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .4s}.videoPopup .videoPlayer{position:relative;width:800px;aspect-ratio:16 / 9;background-color:#fff;transform:scale(.2);transition:transform .25s}.videoPopup .videoPlayer .closeBtn{position:absolute;top:-20px;right:0;color:#fff;cursor:pointer}.videoPopup.visible{opacity:1;visibility:visible}.videoPopup.visible .opacityLayer{opacity:1}.videoPopup.visible .videoPlayer{transform:scale(1)}.castSection{position:relative;margin-bottom:50px}.castSection .sectionHeading{font-size:24px;color:#fff;margin-bottom:25px}.castSection .listItems{display:flex;gap:20px;overflow-y:hidden;margin-right:-20px;margin-left:-20px;padding:0 20px}@media only screen and (min-width: 768px){.castSection .listItems{margin:0;padding:0}}.castSection .listItems .listItem{text-align:center;color:#fff}.castSection .listItems .listItem .profileImg{width:125px;height:125px;border-radius:50%;overflow:hidden;margin-bottom:15px}@media only screen and (min-width: 768px){.castSection .listItems .listItem .profileImg{width:175px;height:175px;margin-bottom:25px}}.castSection .listItems .listItem .profileImg img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.castSection .listItems .listItem .name{font-size:14px;line-height:20px;font-weight:600}@media only screen and (min-width: 768px){.castSection .listItems .listItem .name{font-size:18px;line-height:24px}}.castSection .listItems .listItem .character{font-size:14px;line-height:20px;opacity:.5}@media only screen and (min-width: 768px){.castSection .listItems .listItem .character{font-size:16px;line-height:24px}}.castSection .castSkeleton{display:flex;gap:20px;overflow-y:hidden;margin-right:-20px;margin-left:-20px;padding:0 20px}@media only screen and (min-width: 768px){.castSection .castSkeleton{margin:0;padding:0}}.castSection .castSkeleton .skItem .circle{width:125px;height:125px;border-radius:50%;margin-bottom:15px}@media only screen and (min-width: 768px){.castSection .castSkeleton .skItem .circle{width:175px;height:175px;margin-bottom:25px}}.castSection .castSkeleton .skItem .row{width:100%;height:20px;border-radius:10px;margin-bottom:10px}.castSection .castSkeleton .skItem .row2{width:75%;height:20px;border-radius:10px;margin:0 auto}.videosSection{position:relative;margin-bottom:50px}.videosSection .sectionHeading{font-size:24px;color:#fff;margin-bottom:25px}.videosSection .videos{display:flex;gap:10px;overflow-x:auto;margin-right:-20px;margin-left:-20px;padding:0 20px}@media only screen and (min-width: 768px){.videosSection .videos{gap:20px;margin:0;padding:0}}.videosSection .videos .videoItem{width:150px;flex-shrink:0;cursor:pointer}@media only screen and (min-width: 768px){.videosSection .videos .videoItem{width:25%}}.videosSection .videos .videoItem .videoThumbnail{margin-bottom:15px;position:relative}.videosSection .videos .videoItem .videoThumbnail img{width:100%;display:block;border-radius:12px;transition:all .7s ease-in-out}.videosSection .videos .videoItem .videoThumbnail svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px}.videosSection .videos .videoItem .videoThumbnail .triangle{stroke-dasharray:240;stroke-dashoffset:480;stroke:#fff;transform:translateY(0);transition:all .7s ease-in-out}.videosSection .videos .videoItem .videoThumbnail .circle{stroke:#fff;stroke-dasharray:650;stroke-dashoffset:1300;transition:all .5s ease-in-out}.videosSection .videos .videoItem .videoThumbnail:hover img{opacity:.5}.videosSection .videos .videoItem .videoThumbnail:hover .triangle{stroke-dashoffset:0;opacity:1;stroke:var(--pink);animation:trailorPlay .7s ease-in-out}.videosSection .videos .videoItem .videoThumbnail:hover .circle{stroke-dashoffset:0;stroke:var(--pink)}.videosSection .videos .videoItem .videoTitle{color:#fff;font-size:14px;line-height:20px}@media only screen and (min-width: 768px){.videosSection .videos .videoItem .videoTitle{font-size:16px;line-height:24px}}.videosSection .videos .videoItem .videoType{color:var(--text-muted);font-size:12px;margin-top:5px}.videosSection .videoSkeleton{display:flex;gap:10px;overflow-x:auto;margin-right:-20px;margin-left:-20px;padding:0 20px}@media only screen and (min-width: 768px){.videosSection .videoSkeleton{gap:20px;margin:0;padding:0}}.videosSection .videoSkeleton .skItem{width:150px;flex-shrink:0}@media only screen and (min-width: 768px){.videosSection .videoSkeleton .skItem{width:25%}}.videosSection .videoSkeleton .skItem .thumb{width:100%;aspect-ratio:16 / 9;border-radius:12px;margin-bottom:10px}.videosSection .videoSkeleton .skItem .row{height:20px;width:100%;border-radius:10px;margin-bottom:10px}.videosSection .videoSkeleton .skItem .row2{height:20px;width:75%;border-radius:10px}.searchResultsPage{min-height:700px;padding-top:100px}.searchResultsPage .resultNotFound{font-size:24px;color:var(--black-light)}.searchResultsPage .pageTitle{font-size:24px;line-height:34px;color:#fff;margin-bottom:25px}.searchResultsPage .content{display:flex;flex-flow:row wrap;gap:10px;margin-bottom:50px}@media only screen and (min-width: 768px){.searchResultsPage .content{gap:20px}}.searchResultsPage .content .movieCard .posterBlock{margin-bottom:20px}.loadingSpinner{width:100%;height:150px;position:relative;display:flex;align-items:center;justify-content:center}.loadingSpinner .spinner{animation:rotate 2s linear infinite;z-index:2;width:50px;height:50px}.loadingSpinner .spinner .path{stroke:hsl(210,70,75);stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}.loadingSpinner.initial{height:700px}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.explorePage{min-height:700px;padding-top:100px}.explorePage .resultNotFound{font-size:24px;color:var(--black-light)}.explorePage .pageHeader{display:flex;justify-content:space-between;margin-bottom:25px;flex-direction:column}@media only screen and (min-width: 768px){.explorePage .pageHeader{flex-direction:row}}.explorePage .pageTitle{font-size:24px;line-height:34px;color:#fff;margin-bottom:20px}@media only screen and (min-width: 768px){.explorePage .pageTitle{margin-bottom:0}}.explorePage .filters{display:flex;gap:10px;flex-direction:column}@media only screen and (min-width: 768px){.explorePage .filters{flex-direction:row}}.explorePage .filters .react-select-container.genresDD{width:100%}@media only screen and (min-width: 768px){.explorePage .filters .react-select-container.genresDD{max-width:500px;min-width:250px}}.explorePage .filters .react-select-container.sortbyDD{width:100%;flex-shrink:0}@media only screen and (min-width: 768px){.explorePage .filters .react-select-container.sortbyDD{width:250px}}.explorePage .filters .react-select-container .react-select__control{border:0;outline:0;box-shadow:none;background-color:var(--black);border-radius:30px}.explorePage .filters .react-select-container .react-select__control .react-select__value-container .react-select__placeholder,.explorePage .filters .react-select-container .react-select__control .react-select__value-container .react-select__input-container{color:#fff;margin:0 10px}.explorePage .filters .react-select-container .react-select__control .react-select__single-value{color:#fff}.explorePage .filters .react-select-container .react-select__control .react-select__multi-value{background-color:var(--black3);border-radius:10px}.explorePage .filters .react-select-container .react-select__control .react-select__multi-value .react-select__multi-value__label{color:#fff}.explorePage .filters .react-select-container .react-select__control .react-select__multi-value .react-select__multi-value__remove{background-color:transparent;color:#fff;cursor:pointer}.explorePage .filters .react-select-container .react-select__control .react-select__multi-value .react-select__multi-value__remove:hover{color:var(--pink)}.explorePage .filters .react-select-container .react-select__menu{top:40px;margin:0;padding:0;background-color:var(--black);border-radius:10px;border:1px solid rgba(255,255,255,.1);color:#fff}.explorePage .filters .react-select-container .react-select__menu .react-select__option{background-color:var(--black)}.explorePage .filters .react-select-container .react-select__menu .react-select__option:hover{background-color:var(--black3)}.explorePage .filters .react-select-container .react-select__menu .react-select__option--is-selected{background-color:var(--pink)}.explorePage .content{display:flex;flex-flow:row wrap;gap:10px;margin-bottom:50px}@media only screen and (min-width: 768px){.explorePage .content{gap:20px}}.carouselSection{position:relative;margin-bottom:50px}.carouselSection .carouselTitle{font-size:24px;color:#fff;margin-bottom:20px;font-weight:400}.detailsBanner{width:100%;background-color:var(--black);padding-top:100px;margin-bottom:50px}@media only screen and (min-width: 768px){.detailsBanner{margin-bottom:0;padding-top:120px;min-height:700px}}.detailsBanner .content{display:flex;position:relative;flex-direction:column;gap:25px}@media only screen and (min-width: 768px){.detailsBanner .content{gap:50px;flex-direction:row;align-items:flex-start}}.detailsBanner .content .left{flex-shrink:0}.detailsBanner .content .left .posterImg{width:100%;display:block;border-radius:12px}.detailsBanner .content .left .posterImg{max-width:350px;width:100%;height:auto;object-fit:cover}.detailsBanner .content .right{color:#fff}.detailsBanner .content .right .title{font-size:28px;line-height:40px;font-family:JetBrains Mono,monospace;font-weight:700}@media only screen and (min-width: 768px){.detailsBanner .content .right .title{font-size:34px;line-height:44px}}.detailsBanner .content .right .subtitle{font-size:16px;line-height:24px;margin-bottom:15px;font-style:italic;opacity:.5}@media only screen and (min-width: 768px){.detailsBanner .content .right .subtitle{font-size:20px;line-height:28px}}.detailsBanner .content .right .overview{margin-bottom:25px}.detailsBanner .content .right .overview .heading{font-size:24px;margin-bottom:10px}.detailsBanner .content .right .overview .description{line-height:24px}@media only screen and (min-width: 768px){.detailsBanner .content .right .overview .description{padding-right:100px}}.detailsBanner .content .right .info{border-bottom:1px solid rgba(255,255,255,.1);padding:15px 0;display:flex}.detailsBanner .content .right .info .infoItem{margin-right:10px;display:flex;flex-flow:row wrap}.detailsBanner .content .right .info .text{margin-right:10px;opacity:.5;line-height:24px}.detailsBanner .content .right .info .text.bold{font-weight:600;opacity:1}.watchlistPage{min-height:100vh;padding-top:100px;background-color:var(--black)}.watchlistPage .pageHeader{margin-bottom:40px}.watchlistPage .pageHeader h1{font-size:32px;color:#fff;margin-bottom:5px}.watchlistPage .pageHeader p{color:var(--text-muted);font-size:14px}.watchlistPage .emptyState{text-align:center;padding:50px 20px;color:var(--text-muted)}.watchlistPage .emptyState p:first-child{font-size:20px;color:#fff;margin-bottom:10px}.watchlistPage .watchlistGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px}@media only screen and (min-width: 768px){.watchlistPage .watchlistGrid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.watchlistPage .watchlistCard{position:relative;background:var(--black2);border-radius:12px;overflow:hidden}.watchlistPage .watchlistCard .posterBlock{cursor:pointer;aspect-ratio:2/3}.watchlistPage .watchlistCard .posterImg{width:100%;height:100%;object-fit:cover}.watchlistPage .watchlistCard .textBlock{padding:10px}.watchlistPage .watchlistCard .title{display:block;font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.watchlistPage .watchlistCard .mediaType{font-size:12px;color:var(--text-muted)}.watchlistPage .watchlistCard .removeBtn{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.7);border:none;color:#ef4444;padding:8px;border-radius:50%;cursor:pointer;opacity:0;transition:opacity .3s ease}.watchlistPage .watchlistCard:hover .removeBtn{opacity:1}.collectionsPage{min-height:100vh;padding-top:100px;background-color:var(--black)}.collectionsPage .pageHeader{margin-bottom:30px}.collectionsPage .pageHeader h1{font-size:32px;color:#fff;margin-bottom:5px}.collectionsPage .pageHeader p{color:var(--text-muted);font-size:14px}.collectionsPage .collectionTabs{display:flex;gap:10px;overflow-x:auto;padding-bottom:15px;margin-bottom:25px;scrollbar-width:none;-ms-overflow-style:none}.collectionsPage .collectionTabs::-webkit-scrollbar{display:none}.collectionsPage .collectionTabs .tabBtn{background:var(--black2);border:none;color:#fff;padding:10px 20px;border-radius:30px;cursor:pointer;white-space:nowrap;font-size:14px;transition:all .3s ease}.collectionsPage .collectionTabs .tabBtn:hover{background:var(--black3)}.collectionsPage .collectionTabs .tabBtn.active{background:var(--gradient)}.collectionsPage .collectionInfo{margin-bottom:30px}.collectionsPage .collectionInfo h2{font-size:24px;color:#fff;margin-bottom:5px}.collectionsPage .collectionInfo p{color:var(--text-muted);font-size:14px}.collectionsPage .collectionsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}@media only screen and (min-width: 576px){.collectionsPage .collectionsGrid{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width: 768px){.collectionsPage .collectionsGrid{grid-template-columns:repeat(4,1fr);gap:20px}}@media only screen and (min-width: 1024px){.collectionsPage .collectionsGrid{grid-template-columns:repeat(5,1fr)}}.collectionsPage .gridCard{cursor:pointer}.collectionsPage .movieCard{width:100%;margin-bottom:0}.collectionsPage .gridCard .posterBlock{position:relative;width:100%;aspect-ratio:1 / 1.5;background-size:cover;background-position:center;background-color:var(--black3);border-radius:12px;overflow:hidden;margin-bottom:30px;display:flex;align-items:flex-end;justify-content:space-between;padding:10px;transition:all ease .5s}.collectionsPage .gridCard .posterBlock .posterImg{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.collectionsPage .gridCard .posterBlock:hover{transform:scale(1.05);box-shadow:0 10px 20px #00000080}.collectionsPage .gridCard .posterBlock .circleRating{width:40px;height:40px;position:absolute;bottom:10px;left:10px;background-color:#fff;z-index:5}@media only screen and (min-width: 768px){.collectionsPage .gridCard .posterBlock .circleRating{width:50px;height:50px}}.collectionsPage .gridCard .posterBlock .genres{display:none;position:absolute;bottom:10px;right:10px;z-index:5}@media only screen and (min-width: 768px){.collectionsPage .gridCard .posterBlock .genres{display:flex;flex-flow:wrap;justify-content:flex-end}}.collectionsPage .gridCard .textBlock{color:#fff;display:flex;flex-direction:column}.collectionsPage .gridCard .textBlock .title{font-size:16px;margin-bottom:10px;line-height:24px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width: 768px){.collectionsPage .gridCard .textBlock .title{font-size:16px}}.collectionsPage .gridCard .textBlock .date{font-size:12px;opacity:.5}@media only screen and (min-width: 768px){.collectionsPage .gridCard .textBlock .date{font-size:14px}}.collectionsPage .skeletonItem{width:100%}.collectionsPage .skeletonItem .posterBlock{width:100%;aspect-ratio:2/3;border-radius:12px;margin-bottom:20px}.collectionsPage .skeletonItem .textBlock .title{width:100%;height:20px;border-radius:10px;margin-bottom:10px}.collectionsPage .skeletonItem .textBlock .date{width:75%;height:16px;border-radius:10px}.pageNotFound{height:700px;padding-top:200px;display:flex;justify-content:center}.pageNotFound .contentWrapper{text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center}.pageNotFound .contentWrapper .bigText{font-size:150px;font-weight:700;font-family:JetBrains Mono,monospace;background:linear-gradient(135deg,#3b82f6 0%,#10b981 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;line-height:1}.pageNotFound .contentWrapper .smallText{font-size:44px;font-family:JetBrains Mono,monospace;letter-spacing:-2px;margin-top:10px;opacity:.8}:root{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--black: #0a0a0a;--black2: #161616;--black3: #212121;--black-lighter: #333333;--black-light: #2a2a2a;--pink: #3b82f6;--orange: #10b981;--gradient: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--text-main: #e5e5e5;--text-muted: #a3a3a3}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--black);color:var(--text-main)}h1,h2,h3,h4,h5,h6{font-family:JetBrains Mono,monospace;font-weight:700}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}.skeleton{position:relative;overflow:hidden;background-color:#1c1c1c}.skeleton:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,rgba(25,25,25,0) 0,rgba(25,25,25,.5) 20%,rgba(25,25,25,1) 60%,rgba(25,25,25,0));animation:shimmer 1.5s infinite;content:""}@keyframes shimmer{to{transform:translate(100%)}}