:root{--bg:#070707;--panel:#101010;--panel2:#161616;--text:#f7f7f7;--muted:#a8a8a8;--red:#e50914;--line:rgba(255,255,255,.09);--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit}button{font:inherit;color:inherit;border:0;cursor:pointer}.top{position:fixed;z-index:30;left:0;right:0;top:0;height:68px;display:flex;align-items:center;padding:0 4%;gap:32px;background:linear-gradient(#050505,transparent);transition:.25s}.top.scrolled{background:rgba(5,5,5,.94);backdrop-filter:blur(12px)}.logo{font-weight:900;letter-spacing:-1.2px;font-size:18px;white-space:nowrap}.logo span{color:var(--red)}nav{display:flex;gap:26px;color:#d4d4d4;font-size:14px}nav a:hover{color:white}.actions{margin-left:auto;display:flex;align-items:center;gap:10px}.icon{background:transparent;font-size:23px;padding:7px}.signin,.drawer-signin{background:#fff;color:#080808;border-radius:9px;padding:9px 15px;font-weight:750;font-size:13px}.mobile{display:none}.hero{height:min(720px,86vh);min-height:590px;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1518930259200-7a0d9cbd7f3f?auto=format&fit=crop&w=2000&q=85');background-size:cover;background-position:center 35%;filter:saturate(.9)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.62) 43%,rgba(0,0,0,.08) 80%),linear-gradient(0deg,var(--bg) 0%,transparent 35%,rgba(0,0,0,.15) 100%)}.hero-inner{position:absolute;left:6%;bottom:11%;max-width:590px}.kicker{font-size:11px;font-weight:800;letter-spacing:1.7px;color:#d0d0d0}.hero h1{font-size:clamp(46px,7vw,82px);line-height:.94;margin:13px 0 15px;letter-spacing:-3px}.meta{display:flex;gap:10px;align-items:center;color:#ddd;font-size:14px}.meta i{width:3px;height:3px;border-radius:50%;background:#777}.hero p{color:#c5c5c5;line-height:1.6;font-size:15px;max-width:550px}.hero-buttons{display:flex;gap:10px;margin-top:22px;align-items:center}.watch{background:#fff;color:#080808;border-radius:9px;padding:12px 18px;font-weight:800}.more{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:11px 17px;font-weight:700;backdrop-filter:blur(8px)}.mute{width:42px;height:42px;border-radius:50%;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.3)}.hero-dots{display:flex;gap:6px;margin-top:25px}.hero-dots b{width:18px;height:3px;background:#666;border-radius:5px}.hero-dots .on{background:#fff}.wrap{padding:0 5%}.rail-head{display:flex;align-items:center;justify-content:space-between;margin:28px 0 12px}.rail-head h2,.page-head h2{font-size:20px;margin:0;letter-spacing:-.4px}.rail-head a{font-size:12px;color:#999}.rail{display:flex;gap:12px;overflow:auto;padding:2px 0 10px;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.card{flex:0 0 148px;position:relative;cursor:pointer}.poster{height:218px;border-radius:10px;overflow:hidden;background:#181818;position:relative;border:1px solid var(--line)}.poster img{width:100%;height:100%;object-fit:cover;display:block}.badge{position:absolute;top:8px;left:8px;background:#fff;color:#111;padding:3px 6px;border-radius:4px;font-size:9px;font-weight:900}.rating{position:absolute;right:7px;top:8px;background:rgba(0,0,0,.7);padding:3px 6px;border-radius:5px;font-size:10px}.progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.15)}.progress b{display:block;height:100%;background:var(--red)}.card-title{font-size:12px;font-weight:700;margin:8px 1px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{font-size:10px;color:#888}.catalog{padding-top:80px}.page-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:18px}.page-head h2{font-size:30px;margin-top:6px}.filters{display:flex;gap:7px;overflow:auto}.filter{background:#151515;border:1px solid var(--line);padding:8px 12px;border-radius:8px;font-size:11px;white-space:nowrap}.filter.active{background:#fff;color:#000}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.grid .card{width:auto}.grid .poster{height:285px}.live{padding-top:90px;padding-bottom:70px}.live-card{display:grid;grid-template-columns:1.5fr 1fr;background:linear-gradient(120deg,#181818,#0e0e0e);border:1px solid var(--line);border-radius:16px;overflow:hidden}.live-art{min-height:330px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 55% 40%,#4a1418,#111 55%,#080808);font-size:50px;font-weight:900;position:relative}.live-art span{position:absolute;top:18px;left:18px;font-size:11px;background:var(--red);padding:6px 9px;border-radius:5px}.live-copy{padding:50px}.live-copy h2{font-size:36px;margin:0 0 12px}.live-copy p{color:#999;line-height:1.6}.channels{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.channels div{padding:22px;background:#111;border:1px solid var(--line);border-radius:12px;font-weight:900}.channels span{display:block;color:#777;font-size:10px;margin-top:5px}footer{padding:60px 5% 110px;border-top:1px solid var(--line);color:#777}.footer-logo{color:#fff;font-weight:900}.footer-links{display:flex;gap:20px;margin:18px 0;font-size:12px}.bottom{display:none}.drawer{position:fixed;z-index:60;top:0;bottom:0;left:0;width:min(340px,88vw);background:#0a0a0a;padding:22px;transform:translateX(-105%);transition:.28s;box-shadow:20px 0 70px rgba(0,0,0,.5)}.drawer.open{transform:none}.veil{position:fixed;z-index:50;inset:0;background:rgba(0,0,0,.62);opacity:0;pointer-events:none;transition:.28s}.veil.open{opacity:1;pointer-events:auto}.drawer-top{display:flex;justify-content:space-between;align-items:center}.searchbar{display:flex;gap:8px;align-items:center;background:#151515;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:28px 0 18px}.searchbar input{background:none;border:0;outline:0;color:white;width:100%}.drawer-links{display:flex;flex-direction:column;gap:4px}.drawer-links a{padding:12px 8px;border-radius:9px;color:#cfcfcf;display:flex;gap:12px;align-items:center}.drawer-links a:hover{background:#151515;color:#fff}.drawer-links span{flex:1}.drawer-links em{font-style:normal;font-size:9px;background:var(--red);padding:3px 5px;border-radius:4px}.drawer-links hr{width:100%;border:0;border-top:1px solid var(--line);margin:10px 0}.drawer-signin{width:100%;margin-top:20px}.modal{position:fixed;z-index:100;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.78);padding:20px}.modal.open{display:flex}.modal-card{position:relative;width:min(520px,100%);background:#111;border:1px solid var(--line);border-radius:18px;padding:28px}.x{position:absolute;right:15px;top:12px;background:#222;width:34px;height:34px;border-radius:50%;font-size:20px}.modal-card h2{margin:0 0 8px}.modal-card p{color:#999;line-height:1.6}.modal-card input{width:100%;padding:13px;background:#181818;border:1px solid var(--line);border-radius:9px;color:#fff;margin:8px 0;outline:none}.modal-card .watch{margin-top:8px}.search-results{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
@media(max-width:900px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.grid .poster{height:240px}.live-card{grid-template-columns:1fr}.live-copy{padding:30px}.channels{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.top{height:58px;padding:0 16px;gap:12px}.mobile{display:block}.top nav,.signin{display:none}.logo{font-size:16px}.hero{height:650px;min-height:0}.hero-inner{left:18px;right:18px;bottom:72px}.hero h1{font-size:51px;letter-spacing:-2.5px}.hero p{font-size:13px}.hero-bg{background-position:62% center}.shade{background:linear-gradient(0deg,#070707 4%,rgba(7,7,7,.82) 35%,rgba(0,0,0,.12) 72%),linear-gradient(90deg,rgba(0,0,0,.35),transparent)}.wrap{padding:0 16px}.rail-head{margin-top:24px}.rail-head h2{font-size:17px}.card{flex-basis:124px}.poster{height:184px}.catalog{padding-top:55px}.page-head{display:block}.page-head h2{font-size:28px}.filters{margin-top:14px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.grid .poster{height:170px}.card-title{font-size:11px}.live{padding-top:60px;padding-left:16px;padding-right:16px}.live-card{border-radius:13px}.live-art{min-height:230px;font-size:38px}.live-copy{padding:22px}.live-copy h2{font-size:26px}.bottom{position:fixed;z-index:40;bottom:0;left:0;right:0;height:68px;background:rgba(10,10,10,.94);backdrop-filter:blur(18px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);align-items:center}.bottom a,.bottom button{background:none;color:#888;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:19px}.bottom small{font-size:9px}.bottom .active{color:#fff}.bottom .active:first-letter{color:var(--red)}footer{padding-bottom:95px}.search-results{grid-template-columns:repeat(3,1fr)}}