@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;font-family:'DM Sans',sans-serif;background:#111014;color:#f5f1f5}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f3ae52;outline-offset:5px}
header{height:88px;display:flex;align-items:center;gap:44px;padding:18px 5%;border-bottom:1px solid #ffffff16}.brand img{width:150px;display:block}.network{margin-left:auto;font-size:11px;letter-spacing:4px;color:#a39ba9}
main{max-width:1440px;margin:auto;padding:0 5%}.hero{position:relative;overflow:hidden;padding:75px 0 70px;border-bottom:1px solid #ffffff17;background:radial-gradient(ellipse at 90% 40%,#c6145825,transparent 60%)}.hero>*{position:relative;z-index:1}.eyebrow{font-size:11px;font-weight:700;letter-spacing:3px;color:#f18c5b}h1,h2{font-family:Outfit,sans-serif}h1{font-size:clamp(44px,6.4vw,86px);letter-spacing:-3px;line-height:1.05;margin:24px 0}h1 span{background:linear-gradient(100deg,#f16a3d,#dd1888);background-clip:text;color:transparent}.hero p:not(.eyebrow){color:#b9b0c0;line-height:1.8}.button{display:inline-block;background:linear-gradient(110deg,#f15d35,#d41479);padding:16px 24px;border-radius:9px;font-weight:700;margin-top:16px}.hero-mark{position:absolute;right:3%;top:10%;font-size:260px;transform:rotate(-12deg);color:#ec288522;z-index:0}
section#explore,section#library{padding:42px 0;scroll-margin-top:20px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}h2{font-size:30px;letter-spacing:-.7px;margin:6px 0}.search-label{color:#aaa0b3;font-size:12px}input{display:block;background:#211e26;border:1px solid #3b3343;color:white;border-radius:9px;padding:13px 16px;margin-top:8px;width:290px}
#categories{display:flex;gap:8px;overflow-x:auto;padding:3px 3px 18px}#categories button{white-space:nowrap;border:1px solid #3a3342;background:transparent;border-radius:24px;padding:9px 16px;color:#bcb3c5}#categories button[aria-pressed=true]{background:#f4ecf4;color:#201625;border-color:#f4ecf4}
.channels{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.channel{background:linear-gradient(145deg,#29232f,#1c1921);border:1px solid #ffffff13;text-align:left;border-radius:14px;padding:24px;color:white;transition:transform .2s,border-color .2s}.channel:hover{transform:translateY(-4px);border-color:var(--accent)}.channel-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:15px;background:var(--accent);font:700 23px Outfit,sans-serif;margin-bottom:24px}.channel strong{display:block;font-size:18px;margin-bottom:8px}.channel>span:last-child{font-size:12px;color:#b4a9bd}
.videos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.video{background:#231e2a;border:1px solid #3b3047;padding:0 0 18px;border-radius:12px;overflow:hidden;color:white;text-align:left}.video img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.video strong{display:block;padding:16px 16px 0;line-height:1.5}.source,#status{color:#b4a9bd;font-size:13px}
dialog{width:min(1000px,94vw);background:#19151e;border:1px solid #67506d;border-radius:15px;color:white;padding:24px}dialog::backdrop{background:#000c}dialog h2{font-size:20px;padding-right:35px}#close{position:absolute;right:16px;top:16px;background:#38303e;color:white;border:0;border-radius:50%;width:36px;height:36px}iframe{width:100%;height:min(56vw,530px);min-height:200px;border:0}#playback-help{font-size:12px;color:#c0b3c6}
footer{margin:40px 5% 0;border-top:1px solid #ffffff17;padding:30px 0;display:flex;align-items:center;gap:24px;color:#a89aae;font-size:12px}footer img{width:90px}footer p:last-child{margin-left:auto}
@media(max-width:850px){.channels{grid-template-columns:repeat(3,1fr)}.videos{grid-template-columns:repeat(2,1fr)}.hero-mark{right:-10%;font-size:220px;top:30%}.heading{align-items:flex-start}.network{display:none}}
@media(max-width:600px){header{height:72px;gap:24px;justify-content:space-between;font-size:12px}.brand img{width:120px}.hero{padding:45px 0}h1{letter-spacing:-1.5px}.hero-mark{font-size:180px;top:40%;right:-15%}.heading{flex-direction:column;gap:10px}input{width:100%}.search-label{width:100%}.channels{grid-template-columns:repeat(2,1fr);gap:10px}.channel{padding:18px 14px}.channel strong{font-size:16px}.channel-icon{margin-bottom:18px}.videos{grid-template-columns:1fr}h2{font-size:26px}footer{flex-wrap:wrap;gap:12px}footer p:last-child{margin-left:0}section#explore,section#library{padding:28px 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}