@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--red: #E50914;--dark: #141414;--light: #e5e5e5;--card-w: 240px;--card-h: 135px;--pad: 56px;--grid-min: 200px;--grid-gap: 12px}@media(max-width:1280px){:root{--card-w:205px;--card-h:115px;--pad:40px;--grid-min:175px}}@media(max-width:1024px){:root{--card-w:170px;--card-h:96px;--pad:28px;--grid-min:155px}}@media(max-width:768px){:root{--card-w:145px;--card-h:82px;--pad:18px;--grid-min:140px;--grid-gap:8px}}@media(max-width:480px){:root{--card-w:120px;--card-h:68px;--pad:12px;--grid-min:110px;--grid-gap:6px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden}body{background:var(--dark);color:#fff;font-family:DM Sans,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}img{max-width:100%}button{font-family:inherit;cursor:pointer}input::placeholder{color:#ffffff4d}input:focus{outline:none}.page-hero{padding-top:100px;padding-bottom:40px;padding-left:var(--pad);padding-right:var(--pad);background:linear-gradient(to bottom,rgba(229,9,20,.07) 0%,transparent 100%);border-bottom:1px solid rgba(255,255,255,.06)}.page-hero--teal{background:linear-gradient(to bottom,rgba(84,185,197,.07) 0%,transparent 100%)}@media(max-width:768px){.page-hero{padding-top:76px;padding-bottom:24px}}.page-body{max-width:1600px;margin:0 auto;padding:32px var(--pad) 80px}@media(max-width:768px){.page-body{padding-top:20px;padding-bottom:60px}}.grid-movies{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--grid-min),1fr));gap:var(--grid-gap)}.grid-platforms{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}@media(max-width:768px){.grid-platforms{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}}@media(max-width:480px){.grid-platforms{grid-template-columns:repeat(3,1fr);gap:6px}}.grid-users{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}@media(max-width:1024px){.grid-users{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}}@media(max-width:600px){.grid-users{grid-template-columns:repeat(2,1fr);gap:10px}}@media(max-width:360px){.grid-users{grid-template-columns:1fr}}.grid-similar{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px}@media(max-width:768px){.grid-similar{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}}@media(max-width:480px){.grid-similar{grid-template-columns:repeat(3,1fr);gap:6px}}.filter-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}@media(max-width:480px){.filter-chips{gap:5px}.filter-chips button{font-size:.74rem!important;padding:5px 11px!important}}.sort-options{display:flex;gap:8px;margin-bottom:32px;flex-wrap:wrap}@media(max-width:480px){.sort-options{gap:5px}.sort-options button{font-size:.72rem!important;padding:5px 10px!important}}.header-nav{display:flex;gap:22px;flex-shrink:0}@media(max-width:768px){.header-nav{display:none}}.carousel-section{margin-bottom:2vw}.carousel-header{padding:0 var(--pad);margin-bottom:10px}.carousel-title{font-size:1.05rem;font-weight:700;color:var(--light);display:inline-flex;align-items:center;gap:10px;-webkit-user-select:none;user-select:none}@media(max-width:768px){.carousel-title{font-size:.9rem}}.see-all{font-size:.64rem;font-weight:700;color:#54b9c5;cursor:pointer;opacity:0;max-width:0;overflow:hidden;white-space:nowrap;letter-spacing:.07em;text-transform:uppercase;display:inline-flex;align-items:center;gap:3px;transition:opacity .3s,max-width .4s;vertical-align:middle}.carousel-section:hover .see-all{opacity:1;max-width:140px}.see-all:hover{color:#fff}.carousel-wrapper{position:relative}.carousel-arrow{position:absolute;top:0;bottom:0;width:var(--pad);z-index:40;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#fff;font-size:2rem;font-weight:200;opacity:0;pointer-events:none;transition:opacity .2s}.carousel-section:hover .carousel-arrow{opacity:1;pointer-events:auto}.carousel-arrow.invisible{opacity:0!important;pointer-events:none!important}.carousel-arrow--left{left:0;background:linear-gradient(to right,rgba(20,20,20,.97) 30%,transparent)}.carousel-arrow--right{right:0;background:linear-gradient(to left,rgba(20,20,20,.97) 30%,transparent)}@media(max-width:480px){.carousel-arrow{display:none}}.carousel-row{display:flex;gap:3px;padding:160px var(--pad);margin:-160px 0;overflow-x:scroll;overflow-y:visible;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}.carousel-row::-webkit-scrollbar{display:none}@media(max-width:768px){.carousel-row{padding:80px var(--pad);margin:-80px 0;gap:4px}}.movie-card{position:relative;min-width:var(--card-w);height:var(--card-h);flex-shrink:0;border-radius:3px;cursor:pointer;z-index:1;overflow:visible;transition:transform .28s cubic-bezier(.4,0,.2,1) .18s,z-index 0s .46s}.movie-card:hover{transform:scale(1.25);z-index:9000;transition:transform .28s cubic-bezier(.4,0,.2,1) .18s,z-index 0s .18s;box-shadow:0 14px 50px #000000fa}@media(max-width:1024px){.movie-card:hover{transform:scale(1.15)}}@media(max-width:768px){.movie-card:hover{transform:scale(1.06)}}@media(max-width:480px){.movie-card:hover{transform:none;box-shadow:none}}.movie-card .card-thumb{width:100%;height:var(--card-h);object-fit:cover;border-radius:3px;display:block;pointer-events:none;position:relative;z-index:1;transition:border-radius .28s ease .18s}.movie-card:hover .card-thumb{border-radius:3px 3px 0 0}.card-info{position:absolute;top:calc(var(--card-h) - 1px);left:50%;transform:translate(-50%) scaleY(.92);transform-origin:top center;width:calc(var(--card-w)*1.25);background:#181818;border-radius:0 0 6px 6px;padding:10px 12px 14px;z-index:9001;opacity:0;visibility:hidden;pointer-events:none;overflow:visible;transition:opacity .22s ease 60ms,visibility .22s ease 60ms,transform .22s ease 60ms;box-shadow:0 16px 48px #000000f7,0 0 0 1px #ffffff12}.movie-card:hover .card-info{opacity:1;visibility:visible;transform:translate(-50%) scaleY(1);pointer-events:auto}@media(max-width:480px){.card-info{display:none}}.movie-card.edge-left .card-info{left:0;transform:translate(0) scaleY(.92)}.movie-card.edge-right .card-info{left:auto;right:0;transform:translate(0) scaleY(.92)}.movie-card.edge-left:hover .card-info,.movie-card.edge-right:hover .card-info{transform:translate(0) scaleY(1)}.card-btn{width:27px;height:27px;border-radius:50%;border:2px solid rgba(255,255,255,.45);background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;transition:border-color .1s,background .1s}.card-btn:hover{border-color:#fff;background:#ffffff14}.card-btn--play{background:#fff;border-color:#fff;color:#000;padding-left:2px}.card-btn--play:hover{background:#e5e5e5}.cast-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cast-row::-webkit-scrollbar{display:none}.episode-item{display:flex;gap:14px;background:#181818;border-radius:6px;overflow:hidden;transition:background .15s}.episode-item:hover{background:#1e1e1e}.episode-thumb{flex-shrink:0;width:140px;height:80px;background:#111;overflow:hidden}@media(max-width:600px){.episode-thumb{width:100px;height:57px}}@media(max-width:420px){.episode-item{flex-direction:column}.episode-thumb{width:100%;height:110px}}.season-btns{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}@media(max-width:480px){.season-btns{gap:5px}}.provider-logos{display:flex;gap:10px;flex-wrap:wrap}.login-wrap{position:relative;z-index:10;flex:1;display:flex;align-items:center;justify-content:center;padding:90px 16px 40px}.login-card{width:100%;max-width:420px;background:#000000d6;border-radius:8px;padding:36px 32px;box-shadow:0 30px 80px #000000e6,0 0 0 1px #ffffff0f}@media(max-width:480px){.login-card{padding:26px 18px;border-radius:6px}}.platform-selectors{display:flex;gap:12px;flex-wrap:wrap;padding:28px 0 32px}@media(max-width:768px){.platform-selectors{gap:8px}}@media(max-width:480px){.platform-selectors .p-name{display:none}.platform-selectors button{padding:8px 12px}}.search-wrap{padding:100px var(--pad) 80px;max-width:1600px;margin:0 auto}@media(max-width:768px){.search-wrap{padding:80px var(--pad) 60px}}.search-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--grid-min),1fr));gap:var(--grid-gap)}@keyframes pulse-green{0%{box-shadow:0 0 #38c172b3}70%{box-shadow:0 0 0 8px #38c17200}to{box-shadow:0 0 #38c17200}}@keyframes shimmer{0%,to{opacity:.4}50%{opacity:.8}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes scrollDown{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes scrollUp{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
