:root{--bg:#020308;--panel:#0b0f17;--panel2:#111824;--text:#fff;--muted:#9ba8ba;--blue:#2389ff;--red:#e31d32;--green:#21c978;--line:rgba(255,255,255,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 Manrope,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1240px,calc(100% - 40px));margin:auto}
.topbar{position:sticky;top:0;z-index:40;background:rgba(2,3,8,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.nav{min-height:82px;display:flex;align-items:center;gap:28px}.brand img{width:72px;height:72px;object-fit:contain;display:block}.nav-links{display:flex;align-items:center;gap:22px;margin-left:auto}.nav-links a{font-weight:800;color:#cdd5e0}.nav-links a:hover,.nav-links a.active{color:#78bdff}.nav-cta{padding:11px 16px;border-radius:7px;background:linear-gradient(#f03546,#b60a1e);font-weight:800}
.catalog-hero{padding:76px 0 54px;background:radial-gradient(circle at 80% 15%,rgba(35,137,255,.24),transparent 33%),radial-gradient(circle at 10% 30%,rgba(227,29,50,.16),transparent 28%),linear-gradient(180deg,#090d15,#020308)}.kicker{color:#78bdff;text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;font-weight:800}.catalog-hero h1{font:800 clamp(2.7rem,6vw,5.2rem)/.95 Outfit,sans-serif;letter-spacing:-.045em;margin:13px 0 18px;max-width:880px}.catalog-hero p{max-width:760px;color:#c0c9d5;font-size:1.05rem}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:7px;background:var(--red);border:1px solid #ff5b69;font-weight:800}.button.secondary{background:#111723;border-color:#3e5977}
.catalog-nav{position:sticky;top:82px;z-index:30;background:#070a10eF;border-block:1px solid var(--line);backdrop-filter:blur(15px)}.catalog-tabs{display:flex;gap:8px;overflow-x:auto;padding:12px 0}.catalog-tabs a{white-space:nowrap;padding:10px 15px;border-radius:6px;background:#111722;color:#c8d3e1;border:1px solid #25364b;font-weight:800}.catalog-tabs a:hover{border-color:#328ef2;color:#fff}
.catalog-section{padding:64px 0}.catalog-section.alt{background:#070a10;border-block:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:24px}.section-head h2{font:700 clamp(2rem,4vw,3rem)/1 Outfit;margin:8px 0}.section-head p{margin:0;color:var(--muted)}.count{padding:7px 10px;border-radius:5px;background:#173457;color:#bedeff;font-weight:800;font-size:.82rem}
.filters{display:flex;gap:9px;overflow-x:auto;padding:2px 0 23px}.filter{cursor:pointer;border:1px solid #334258;background:#111722;color:#d1d9e4;border-radius:999px;padding:9px 15px;white-space:nowrap;font-weight:800}.filter:hover,.filter.active{background:#1b69bc;border-color:#55aaff;color:#fff}
.poster-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:19px}.poster-card{min-width:0;border:1px solid #ffffff1f;border-radius:10px;overflow:hidden;background:#0b1018;box-shadow:0 16px 35px #0007;transition:.23s;cursor:pointer}.poster-card:hover{transform:translateY(-7px);border-color:#55aaff;box-shadow:0 22px 44px #000c}.poster-image{aspect-ratio:2/3;background:#111 center/cover no-repeat;position:relative}.poster-image:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0b1018)}.type-badge{position:absolute;z-index:2;right:11px;top:11px;padding:6px 10px;border-radius:999px;background:var(--green);color:#fff;font-size:.68rem;font-weight:900;letter-spacing:.06em}.card-body{padding:14px 14px 16px}.card-body h3{font:700 1rem/1.25 Outfit;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8e9aae;font-size:.78rem;margin-top:8px}.score{color:#ffc33d;font-weight:900}.genres{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-card[hidden]{display:none}
.availability{margin:22px 0 0;color:#7f8a99;font-size:.8rem}.availability strong{color:#aebbd0}.channel-groups{display:grid;gap:22px}.channel-group{padding:22px;border:1px solid #27384d;border-radius:11px;background:linear-gradient(145deg,#101824,#070a10)}.channel-group h3{font:700 1.25rem Outfit;margin:0 0 15px}.channel-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.channel{min-height:112px;display:grid;grid-template-rows:52px auto;align-items:center;justify-items:center;gap:7px;text-align:center;padding:13px 9px 11px;border-radius:8px;background:#fff;color:#111827;font-weight:900;border:3px solid #d8e5f3;box-shadow:inset 0 -8px 18px #dbe5f0}.channel img{display:block;width:52px;height:52px;object-fit:contain}.channel span{font-size:.82rem;line-height:1.15}.channel.sport{color:#0b4a8b}.channel.news{color:#a80f20}.channel.kids{color:#6e2e9b}.channel.movie{color:#341069}
.cta{margin-top:36px;padding:29px;border:1px solid #347bc2;border-radius:12px;background:radial-gradient(circle at 90% 0,#e31d3244,transparent 32%),linear-gradient(120deg,#082957,#080b11);display:flex;align-items:center;justify-content:space-between;gap:20px}.cta h2{font:700 1.8rem Outfit;margin:0}.cta p{margin:5px 0 0;color:#bdc9d8}
.poster-card{color:inherit;text-align:left;padding:0;font:inherit}
.detail{width:min(650px,calc(100% - 26px));border:1px solid #4a729b;border-radius:13px;background:#09101a;color:#fff;padding:0;box-shadow:0 28px 90px #000}.detail::backdrop{background:#000b;backdrop-filter:blur(5px)}.detail-layout{display:grid;grid-template-columns:190px 1fr}.detail img{width:100%;height:100%;min-height:285px;object-fit:cover;border-radius:12px 0 0 12px}.detail-copy{padding:26px}.detail-copy h2{font:700 2rem/1 Outfit;margin:9px 0 12px}.detail-copy p{color:#b7c2d1}.detail-meta{display:flex;gap:10px;flex-wrap:wrap}.detail-meta span{padding:6px 9px;border-radius:5px;background:#15253a;color:#cae5ff;font-weight:800;font-size:.8rem}.close{position:absolute;right:12px;top:12px;width:38px;height:38px;border-radius:50%;border:1px solid #ffffff35;background:#05080dcf;color:#fff;font-size:1.35rem;cursor:pointer}footer{padding:35px 0 75px;border-top:1px solid var(--line);color:#8d99aa}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-links{display:flex;gap:15px;flex-wrap:wrap}.footer-links a{color:#c0cede}
@media(max-width:1000px){.poster-grid{grid-template-columns:repeat(4,1fr)}.channel-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.wrap{width:min(100% - 28px,1240px)}.nav{min-height:72px}.brand img{width:62px;height:62px}.nav-links{gap:12px}.nav-links a:not(.active){display:none}.nav-cta{font-size:.82rem;padding:9px 11px}.catalog-nav{top:72px}.catalog-hero{padding:54px 0 40px}.catalog-hero h1{font-size:3.1rem}.poster-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 20px}.poster-card{min-width:190px;scroll-snap-align:start}.section-head{align-items:flex-start;flex-direction:column}.channel-grid{grid-template-columns:repeat(3,1fr)}.cta,.footer-row{align-items:flex-start;flex-direction:column}.detail-layout{grid-template-columns:1fr}.detail img{height:260px;min-height:0;border-radius:12px 12px 0 0;object-position:center 20%}}@media(max-width:470px){.catalog-hero h1{font-size:2.65rem}.channel-grid{grid-template-columns:repeat(2,1fr)}.channel{font-size:.82rem}.detail-copy{padding:21px}}