:root{--bg:#05070b;--panel:#0d1119;--text:#f5f7fb;--muted:#a7afbd;--cyan:#18e1c1;--purple:#7357ff;--line:rgba(255,255,255,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden}button,input{font:inherit}.boot{position:fixed;z-index:1000;inset:0;background:#030509;display:grid;place-items:center;transition:.5s}.boot.hidden{opacity:0;visibility:hidden}.boot-mark,.logo span{background:linear-gradient(135deg,#12e4be,#7755ff);color:white;font:800 30px Manrope;padding:5px 13px;border-radius:14px;box-shadow:0 0 40px #25d6bd55}.boot-mark{font-size:52px;padding:16px 29px;animation:pulse 1s infinite alternate}@keyframes pulse{to{transform:scale(1.08);box-shadow:0 0 70px #7657ff88}}.topbar{height:72px;position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;padding:0 4vw;gap:4vw;background:linear-gradient(#05070bf2,#05070b99,transparent);transition:.3s}.topbar.scrolled{background:#05070bf5;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}button{color:inherit;border:0;cursor:pointer}.logo{display:flex;align-items:center;gap:9px;background:transparent}.logo span{font-size:17px;padding:4px 9px;border-radius:8px}.logo strong{font:800 18px Manrope;letter-spacing:1px}.logo em{color:var(--cyan);font:800 18px Manrope}.nav{display:flex;gap:25px;align-items:center;flex:1}.nav-item{background:transparent;color:#bac1cc;font-size:14px;padding:24px 0;position:relative;white-space:nowrap}.nav-item span{margin-right:6px}.nav-item:hover,.nav-item.active{color:white}.nav-item.active:after{content:"";position:absolute;bottom:13px;left:0;right:0;height:2px;border-radius:2px;background:var(--cyan)}.actions{display:flex;align-items:center;gap:16px}.icon-btn{background:transparent;font-size:28px}.profile{width:38px;height:38px;border-radius:50%;padding:2px;background:linear-gradient(135deg,var(--cyan),var(--purple))}.profile span{display:grid;place-items:center;width:100%;height:100%;background:#17122f;border-radius:50%;font-size:12px;font-weight:700}.profile-menu{position:fixed;z-index:80;right:3vw;top:66px;width:275px;padding:12px;background:#121722;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px #000a;display:none}.profile-menu.open{display:block}.profile-row{display:flex;align-items:center;gap:12px;padding:9px}.profile-row b{margin-left:auto;color:var(--cyan)}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-weight:700}.avatar.purple{background:#563bd1}.avatar.teal{background:#0b9e8c}.profile-row div{display:flex;flex-direction:column}.profile-row small{color:var(--muted)}.profile-menu>button{display:block;width:100%;text-align:left;background:transparent;border-top:1px solid var(--line);padding:13px 10px;color:#cbd1da}.search-panel{position:fixed;z-index:70;inset:0;background:#05070bf7;backdrop-filter:blur(20px);padding:100px 8vw;display:none}.search-panel.open{display:block}.search-box{max-width:1000px;margin:auto;display:flex;align-items:center;border-bottom:2px solid #fff;padding:12px;font-size:26px}.search-box input{flex:1;background:transparent;color:white;border:0;outline:0;padding:0 20px;font-size:30px}.search-box input::placeholder{color:#727987}.search-box button{background:transparent}.search-results{max-width:1000px;margin:35px auto}.search-results p{color:var(--muted)}.result-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.view{display:none}.view.active{display:block}.hero{height:min(78vh,760px);min-height:610px;position:relative;display:flex;align-items:flex-end;padding:0 6vw 10vh;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#071116 10%,transparent 65%),url('https://images.unsplash.com/photo-1519608487953-e999c86e7455?auto=format&fit=crop&w=2000&q=88') center/cover}.hero-scrim{position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 0%,transparent 48%),linear-gradient(90deg,#05070be6 0%,transparent 60%)}.hero-content{position:relative;z-index:2;max-width:590px}.eyebrow{font-size:12px;letter-spacing:3px;color:#dbe0e8}.eyebrow span{background:var(--cyan);color:#06100f;border-radius:4px;padding:5px 8px;margin-right:9px;font-weight:800;letter-spacing:1px}.hero h1{font:800 clamp(48px,6vw,86px)/.85 Manrope;margin:22px 0 18px;letter-spacing:-5px;text-shadow:0 3px 20px #000}.hero h1 i{font-style:normal;color:#d5e8e7}.meta{display:flex;align-items:center;gap:10px;font-size:13px;color:#d1d5dc}.meta span{border:1px solid #ffffff40;border-radius:4px;padding:2px 6px}.hero-content>p{font-size:17px;line-height:1.6;color:#d5d9df}.hero-buttons{display:flex;align-items:center;gap:12px;margin-top:25px}.primary,.secondary,.round{height:48px;border-radius:9px;font-weight:700;padding:0 24px}.primary{background:white;color:#080a0e}.primary:hover{background:var(--cyan);transform:scale(1.02)}.secondary{background:#ffffff24;backdrop-filter:blur(10px)}.secondary:hover{background:#ffffff36}.round{width:48px;padding:0;border-radius:50%;background:#ffffff1f;border:1px solid #ffffff4f;font-size:25px}.round.saved{background:var(--cyan);color:#06100f}.hero-dots{position:absolute;z-index:2;right:6vw;bottom:9vh;display:flex;gap:8px}.hero-dots button{width:28px;height:3px;padding:0;background:#ffffff55}.hero-dots button.active{background:white}.content-shell{padding:0 5vw 80px}.quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;position:relative;z-index:4;margin-top:-28px}.quick-card{height:93px;border:1px solid #ffffff1f;border-radius:10px;background:linear-gradient(135deg,#151b29,#080b12);box-shadow:0 12px 35px #0008;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:.25s}.quick-card:nth-child(2){background:linear-gradient(135deg,#23126b,#101b38)}.quick-card:nth-child(3){background:linear-gradient(135deg,#084a58,#101431)}.quick-card:nth-child(4){background:linear-gradient(135deg,#34152d,#15101c)}.quick-card:nth-child(5){background:linear-gradient(135deg,#3f1a0f,#151419)}.quick-card:hover{transform:scale(1.04);border-color:#fff}.quick-card b{font:800 14px Manrope;letter-spacing:1px}.quick-card small{color:#aeb5c0;margin-top:5px}.pulse,.live-pill{color:#ff5263}.pulse{width:8px;height:8px;background:#ff3e52;border-radius:50%;position:absolute;margin-left:-108px;box-shadow:0 0 12px #ff344e}.rail{margin-top:42px}.rail-head{display:flex;align-items:center;justify-content:space-between}.rail h2{font:700 22px Manrope}.rail-head button{background:transparent;color:#9ba3af}.cards{display:flex;gap:14px;overflow-x:auto;padding:6px 2px 18px;scrollbar-width:none}.media-card{position:relative;flex:0 0 260px;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#171c25;transition:.25s;box-shadow:0 8px 24px #0007}.media-card:hover{transform:scale(1.04);z-index:2}.media-card img,.poster-card img{width:100%;height:100%;object-fit:cover}.media-card .shade,.poster-card .shade{position:absolute;inset:0;background:linear-gradient(0deg,#05070bee,transparent 62%)}.card-copy{position:absolute;left:12px;right:12px;bottom:10px}.card-copy h3{font-size:15px;margin:0 0 3px}.card-copy small{color:#c3c7ce}.progress{position:absolute;left:10px;right:10px;bottom:4px;height:3px;background:#ffffff40}.progress i{display:block;height:100%;background:var(--cyan)}.poster .poster-card,.poster-card{flex:0 0 180px;aspect-ratio:2/3;position:relative;border-radius:10px;overflow:hidden;background:#161a22;transition:.25s}.poster-card:hover{transform:scale(1.04)}.poster-card .rank{position:absolute;left:-3px;bottom:-18px;font:800 90px Manrope;color:#05070b;-webkit-text-stroke:2px white;filter:drop-shadow(0 5px 4px #000)}.poster-card .card-copy{left:38px}.live-strip{display:flex;overflow:auto;gap:12px;scrollbar-width:none}.channel-card{flex:0 0 290px;background:#10151d;border:1px solid var(--line);border-radius:10px;overflow:hidden}.channel-preview{height:115px;background:linear-gradient(135deg,#213457,#0f1627);display:grid;place-items:center;font:800 23px Manrope}.channel-info{padding:12px}.channel-info strong{display:block}.channel-info small{color:var(--muted)}.channel-info .bar{height:3px;background:#ffffff24;margin-top:10px}.channel-info .bar i{display:block;background:#ff485e;height:100%}.page-view{min-height:100vh;padding-top:72px}.page-hero{min-height:340px;padding:90px 7vw 55px;display:flex;align-items:flex-end;justify-content:space-between;background:linear-gradient(90deg,#071019,transparent),url('https://images.unsplash.com/photo-1593784991095-a205069470b6?auto=format&fit=crop&w=1800&q=85') center/cover}.page-hero h1,.catalog-head h1,.simple-head h1{font:800 clamp(40px,6vw,72px) Manrope;margin:12px 0 5px}.page-hero p,.catalog-head p,.simple-head p{color:#c1c7d0;font-size:18px}.page-wrap{padding:30px 5vw 80px}.filter-row{display:flex;gap:9px;overflow:auto;margin-bottom:25px}.filter-row button{background:#141a24;border:1px solid var(--line);border-radius:22px;padding:9px 17px;white-space:nowrap}.filter-row button.active{background:white;color:#080a0e}.guide{display:grid;gap:10px}.guide-row{display:grid;grid-template-columns:100px 1.3fr 1fr;gap:10px}.guide-row>*{background:#10151d;border:1px solid var(--line);border-radius:8px;padding:16px}.guide-logo{display:grid;place-items:center;font-weight:800}.guide-program{position:relative}.guide-program b,.guide-next b{display:block}.guide-program small,.guide-next small{color:var(--muted)}.guide-program i{position:absolute;bottom:0;left:0;height:3px;background:#f94860}.catalog-head{height:340px;padding:120px 7vw 40px;background:linear-gradient(90deg,#071019,transparent),url('https://images.unsplash.com/photo-1489599849927-2ee91cede3ba?auto=format&fit=crop&w=1800&q=85') center/cover}.catalog-head.series-bg{background-image:linear-gradient(90deg,#071019,transparent),url('https://images.unsplash.com/photo-1440404653325-ab127d49abc1?auto=format&fit=crop&w=1800&q=85')}.catalog-head.sports-bg{background-image:linear-gradient(90deg,#071019,transparent),url('https://images.unsplash.com/photo-1461896836934-ffe607ba8211?auto=format&fit=crop&w=1800&q=85')}.catalog-head span{color:var(--cyan);font-weight:800;letter-spacing:3px}.catalog-grid{display:grid!important;grid-template-columns:repeat(6,1fr);overflow:visible}.catalog-grid .poster-card,.catalog-grid .media-card{width:100%;min-width:0}.sports-schedule{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:35px}.match-card{padding:20px;background:#111720;border:1px solid var(--line);border-radius:12px}.match-card span{color:var(--cyan);font-size:12px}.match-card h3{margin:8px 0}.match-card small{color:var(--muted)}.simple-head{padding:120px 6vw 25px}.empty-state{text-align:center;padding:70px 20px}.empty-state>div{font-size:60px;color:#606978}.empty-state p{color:var(--muted)}.modal{position:fixed;z-index:100;inset:0;background:#000b;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-card{max-width:760px;width:100%;background:#111721;border-radius:16px;overflow:hidden;position:relative}.modal-close{position:absolute;z-index:2;right:15px;top:15px;background:#05070bcc;border-radius:50%;width:36px;height:36px}.modal-art{height:290px;background:linear-gradient(0deg,#111721,transparent),url('https://images.unsplash.com/photo-1519608487953-e999c86e7455?auto=format&fit=crop&w=1200&q=85') center/cover}.modal-copy{padding:0 34px 34px;margin-top:-20px;position:relative}.modal-copy h2{font:800 36px Manrope;margin:9px 0}.match{color:var(--cyan);font-weight:700}.player{position:fixed;z-index:200;inset:0;background:#020304;display:none}.player.open{display:block}.player-backdrop{position:absolute;inset:0;background:linear-gradient(#0004,#000a),url('https://images.unsplash.com/photo-1519608487953-e999c86e7455?auto=format&fit=crop&w=2000&q=85') center/cover}.player-close{position:absolute;z-index:2;left:30px;top:25px;background:transparent;font-size:18px}.player-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.player-center button{margin:auto;width:80px;height:80px;border-radius:50%;background:#fff;color:#111;font-size:28px}.player-center h2{font:700 32px Manrope;margin-bottom:2px}.player-center p{color:#c3c7ce}.controls{position:absolute;bottom:0;left:0;right:0;padding:35px;display:flex;align-items:center;gap:17px;background:linear-gradient(transparent,#000)}.controls button{background:transparent}.timeline{height:4px;background:#ffffff55;flex:1}.timeline i{display:block;width:0;height:100%;background:var(--cyan);transition:width 15s linear}.player.playing .timeline i{width:65%}.toast{position:fixed;z-index:300;left:50%;bottom:35px;transform:translate(-50%,100px);opacity:0;background:#f2f4f7;color:#101319;padding:12px 22px;border-radius:8px;font-weight:600;transition:.3s}.toast.show{transform:translate(-50%,0);opacity:1}.mobile-nav{display:none}
.service-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0 8px}.service-strip article{display:flex;align-items:center;gap:13px;padding:17px;background:linear-gradient(135deg,#111824,#0b1018);border:1px solid var(--line);border-radius:12px}.service-strip article>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#18e1c119;color:var(--cyan);font-weight:800}.service-strip div{display:flex;flex-direction:column;min-width:0}.service-strip b{font-size:14px}.service-strip small{color:var(--muted);font-size:11px;margin-top:3px}.live-benefits{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.live-benefits span{padding:7px 10px;border:1px solid #ffffff2e;border-radius:7px;background:#05070b99;font-size:11px;font-weight:700}.search-channels{margin-bottom:28px}.search-channels h3{font:700 17px Manrope}.search-channel{display:flex;width:100%;align-items:center;gap:13px;padding:13px 15px;margin:7px 0;background:#111721;border:1px solid var(--line);border-radius:10px;text-align:left}.search-channel>span{color:#ff485e}.search-channel div{display:flex;flex-direction:column}.search-channel small{color:var(--muted);margin-top:2px}.search-channel em{margin-left:auto;color:var(--cyan);font-style:normal;font-size:12px}.retry-stream{background:#fff;color:#080a0e;padding:8px 13px;border-radius:7px;margin-left:8px;font-weight:700}
@media(max-width:1050px){.nav{gap:16px}.nav-item{font-size:0}.nav-item span{font-size:19px}.catalog-grid{grid-template-columns:repeat(4,1fr)}.service-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){body{padding-bottom:66px}.topbar{height:58px;padding:0 18px}.logo strong{font-size:16px}.nav{display:none}.actions .icon-btn{display:none}.hero{min-height:650px;height:82vh;padding:0 22px 84px}.hero-bg{background-position:64% center}.hero h1{font-size:50px;letter-spacing:-3px}.hero-content>p{font-size:14px;line-height:1.45}.secondary{display:none}.hero-dots{bottom:62px;right:22px}.content-shell{padding:0 18px 50px}.quick-grid{grid-template-columns:repeat(5,150px);overflow-x:auto;margin-right:-18px;scrollbar-width:none}.quick-card{height:78px}.rail{margin-top:28px}.rail h2{font-size:19px}.media-card{flex-basis:235px}.poster .poster-card,.poster-card{flex-basis:145px}.live-strip{margin-right:-18px}.page-view{padding-top:58px}.page-hero{min-height:360px;padding:80px 22px 42px;align-items:flex-end}.page-hero>button{display:none}.page-wrap{padding:22px 18px 60px}.guide-row{grid-template-columns:70px 1fr}.guide-next{display:none}.catalog-head{height:300px;padding:115px 22px 30px}.catalog-grid{grid-template-columns:repeat(2,1fr);gap:12px}.sports-schedule{grid-template-columns:1fr}.simple-head{padding:100px 22px 15px}.mobile-nav{display:flex;position:fixed;z-index:60;bottom:0;left:0;right:0;height:65px;background:#080b11f5;border-top:1px solid var(--line);justify-content:space-around;backdrop-filter:blur(15px)}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;color:#88919e;font-size:10px}.mobile-nav button span{font-size:20px}.mobile-nav button.active{color:var(--cyan)}.search-panel{padding:75px 20px}.search-box input{font-size:18px;padding:0 10px}.result-grid{grid-template-columns:repeat(2,1fr)}.modal-card{max-height:88vh;overflow:auto}.modal-art{height:230px}.modal-copy{padding:0 22px 24px}.controls{padding:25px 12px;gap:8px}.controls span,.controls button:first-child,.controls button:nth-child(3),.controls button:nth-last-child(2){display:none}}
