:root{--gold:#ffda7b;--orange:#db8b2b;--ink:#050507;--panel:#22222e;--muted:#aaa9ad}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif;padding-bottom:180px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.topbar,.nav,main,.sticky-download{width:min(100%,926px);margin-inline:auto}.topbar{height:103px;background:#22222e;display:flex;align-items:center;justify-content:space-between;padding:0 44px}.brand{display:flex;align-items:center;gap:22px;font-size:32px}.brand img{width:68px;height:68px;object-fit:cover;border-radius:50%}.topbar>strong{font-size:42px;color:#fff1cb}.topbar em{font-style:normal;color:#ff9e61}
.nav{height:108px;display:flex;align-items:center;justify-content:space-around;background:#0c0c0f;position:sticky;top:0;z-index:4;box-shadow:0 8px 18px #0008}.nav a{height:100%;display:grid;place-items:center;font-size:39px;position:relative}.nav a.active{color:var(--gold)}.nav a.active:after{content:"";position:absolute;bottom:0;width:62px;height:7px;background:linear-gradient(90deg,var(--gold),var(--orange))}
.hero{min-height:1290px;text-align:center;background:radial-gradient(ellipse at 50% 22%,#1b2129 0,#0a0a0d 38%,#000 69%);overflow:hidden;padding-top:85px}.hero-title{position:relative;z-index:2}.hero h1{margin:0;color:var(--gold);font-size:64px}.hero-title p{font-size:47px;margin:35px 0 20px}.hero-visual{width:700px;height:700px;object-fit:cover;margin:-15px auto 0;mask-image:linear-gradient(#000 84%,transparent)}
.download{margin:-6px auto 0;width:86%;height:134px;border-radius:72px;background:linear-gradient(100deg,#ffdc82,#e18b2b);color:#050505;font-weight:800;font-size:51px;display:flex;justify-content:center;align-items:center;gap:30px;box-shadow:0 8px 30px #0008}.download span{font-size:65px;line-height:0}.guide{display:inline-flex;gap:16px;align-items:center;margin-top:53px;color:var(--gold);font-size:30px}.guide b{width:29px;height:29px;border-radius:50%;background:var(--gold);color:#222;font-size:21px;display:grid;place-items:center}
.movies{min-height:1050px;padding:110px 0 70px}.movies img{width:100%;height:500px;object-fit:cover}.movies .download{margin-top:100px}.tv-section{text-align:center;padding:45px 0 110px}.tv-section h2{color:var(--gold);font-size:43px;margin:0 0 25px}.tv-section img{width:82%;height:520px;object-fit:cover;margin:auto}.tv-section .download{margin-top:20px}
.faq{padding:10px 50px 155px}.section-label{height:54px;border-bottom:2px dashed #8d8d8d;text-align:center;margin-bottom:70px}.section-label span{position:relative;top:31px;background:#20202a;color:#adadb3;font-size:36px;font-weight:800;padding:8px 15px}.faq article{margin-bottom:66px}.faq h3{font-size:38px;line-height:1.3;margin:0 0 55px}.faq p{font-size:31px;line-height:1.42;color:var(--muted);margin:0 22px}
.sticky-download{position:fixed;z-index:10;left:50%;bottom:0;transform:translateX(-50%);height:180px;background:#242431;display:flex;align-items:center;padding:28px;gap:21px;border-top:1px solid #3b3b45}.sticky-download img{width:122px;height:122px;object-fit:cover;border-radius:50%}.sticky-download div{flex:1;min-width:0}.sticky-download strong{display:block;color:var(--gold);font-size:39px;white-space:nowrap}.sticky-download span{display:block;font-size:30px;margin-top:10px;white-space:nowrap}.sticky-download .app-button{border:0;border-radius:55px;background:linear-gradient(100deg,#ffdc82,#df8a2a);color:#050505;height:91px;padding:0 39px;font-size:36px;font-weight:800;white-space:nowrap;cursor:pointer;display:flex;align-items:center}.sticky-download .app-button:active{transform:scale(.97)}
.toast{position:fixed;z-index:20;left:50%;bottom:205px;transform:translate(-50%,30px);background:#fff;color:#111;padding:15px 24px;border-radius:12px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media (max-width:700px){body{padding-bottom:96px}.topbar{height:58px;padding:0 14px}.brand{gap:8px;font-size:14px}.brand img{width:58px;height:34px}.topbar>strong{font-size:20px}.nav{height:58px}.nav a{font-size:18px}.nav a.active:after{width:32px;height:4px}.hero{min-height:715px;padding-top:48px}.hero h1{font-size:36px}.hero-title p{font-size:24px;margin:18px 0 5px}.hero-visual{width:390px;height:390px}.download{height:74px;font-size:27px;gap:14px}.download span{font-size:35px}.guide{font-size:15px;margin-top:29px}.guide b{width:18px;height:18px;font-size:13px}.movies{min-height:590px;padding:62px 0 38px}.movies img{height:280px}.movies .download{margin-top:55px}.tv-section{padding:25px 0 60px}.tv-section h2{font-size:24px}.tv-section img{height:auto}.faq{padding:8px 25px 100px}.section-label{margin-bottom:48px}.section-label span{font-size:20px;top:38px}.faq article{margin-bottom:40px}.faq h3{font-size:21px;margin-bottom:28px}.faq p{font-size:16px;margin:0 10px}.sticky-download{height:96px;padding:15px;gap:10px}.sticky-download img{width:62px;height:65px}.sticky-download strong{font-size:19px}.sticky-download span{font-size:14px;margin-top:5px}.sticky-download button{height:50px;padding:0 16px;font-size:18px}.toast{bottom:110px}}
@media (max-width:400px){.topbar>strong{font-size:16px}.brand span{font-size:12px}.nav a{font-size:16px}.sticky-download strong{font-size:16px}.sticky-download span{font-size:12px}.sticky-download button{padding:0 12px;font-size:16px}}
@media (max-width:700px){.sticky-download .app-button{height:50px;padding:0 16px;font-size:18px}}
@media (max-width:400px){.sticky-download .app-button{padding:0 12px;font-size:16px}}
@media (max-width:700px){.brand img{width:34px;height:34px}.sticky-download img{width:65px;height:65px}}