:root{--bg:#050507;--txt:#f7f7f8;--mut:rgba(245,245,247,.62);--pink:#ff375f;--live:#e31b43;--line:rgba(255,255,255,.13);--glass:rgba(20,20,24,.62);--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.cinematic-page{margin:0;background:radial-gradient(circle at 76% -12%,#253044 0,#0d0f14 28%,#050507 62%);color:var(--txt);font-family:"Onest",-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}body.cinematic-page:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 45%,rgba(255,255,255,.025) 45.1%,transparent 45.4%);z-index:-1}body.cinematic-page a{color:inherit;text-decoration:none}
body.cinematic-page .wrap{max-width:1180px;margin:0 auto;padding:104px clamp(16px,3vw,40px) 64px}body.cinematic-page header{position:fixed;z-index:40;top:18px;left:50%;transform:translateX(-50%);width:min(1100px,calc(100% - 36px));height:64px;padding:0 20px;display:flex;align-items:center;border-radius:21px;background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 70px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%)}body.cinematic-page .logo{font-size:20px!important;font-weight:750!important;letter-spacing:-.045em!important}body.cinematic-page .logo b{color:inherit!important}body.cinematic-page .logo span{color:var(--pink);opacity:1!important;font-size:20px!important;margin-left:0!important}
body.cinematic-page .card,body.cinematic-page .panel{background:linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 24px 80px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.1)!important;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}body.cinematic-page .card{border-radius:30px!important;padding:clamp(20px,4vw,42px)!important}body.cinematic-page .panel{border-radius:24px!important;padding:24px 26px!important;margin-bottom:16px!important}body.cinematic-page h1{font-weight:760!important;letter-spacing:-.055em!important}body.cinematic-page h2{letter-spacing:-.025em}body.cinematic-page .btn,body.cinematic-page button.btn{border-radius:999px!important;padding:12px 20px!important;background:#fff!important;color:#09090b!important;border:0!important;box-shadow:none!important;transition:transform .25s var(--ease),opacity .25s}body.cinematic-page .btn:hover{transform:scale(1.025);filter:none!important}body.cinematic-page .btn.ghost{background:rgba(255,255,255,.09)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(14px)}body.cinematic-page input{background:rgba(0,0,0,.28)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;color:#fff!important;transition:border .2s,box-shadow .2s}body.cinematic-page input:focus{outline:none!important;border-color:rgba(255,255,255,.42)!important;box-shadow:0 0 0 4px rgba(255,255,255,.07)!important}body.cinematic-page footer{border-top:1px solid var(--line);color:var(--mut);margin-top:70px;padding:30px 0!important}
/* channel */
body.channel-page .wrap{max-width:1180px}body.channel-page .card{margin-top:10px!important}body.channel-page .chead{gap:18px}body.channel-page .chlogo{border-radius:18px!important;background:linear-gradient(145deg,#34343c,#141419)!important;border:1px solid rgba(255,255,255,.12)}body.channel-page .live{background:var(--live)!important;border-radius:999px!important}body.channel-page .knum{background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.14);border-radius:8px!important}body.channel-page .nowbox{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:18px!important;padding:16px 18px!important}body.channel-page .player{margin-top:20px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:24px!important;box-shadow:0 30px 80px rgba(0,0,0,.48);background:#000!important}body.channel-page .phint{background:rgba(5,5,7,.72)!important;backdrop-filter:blur(18px)}body.channel-page .pbtn{background:#fff!important;color:#09090b!important;box-shadow:none!important}body.channel-page .row{padding:13px 8px!important;border-bottom-color:rgba(255,255,255,.07)!important}body.channel-page .row.on{background:rgba(255,255,255,.06);border-radius:12px}body.channel-page .row.on .tm{color:#fff!important}body.channel-page .row .lv{color:#ff718d!important}
/* film */
body.film-page .wrap{max-width:1280px}body.film-page .hero{min-height:650px!important;margin:0!important;border-radius:30px!important;background:radial-gradient(circle at 75% 30%,#653145,#251721 36%,#09090c 72%)!important;border:1px solid rgba(255,255,255,.1);box-shadow:0 35px 100px rgba(0,0,0,.42)}body.film-page .hero:after{background:linear-gradient(90deg,rgba(5,5,7,.95),rgba(5,5,7,.4) 52%,transparent 76%),linear-gradient(0deg,rgba(5,5,7,.8),transparent 50%)!important}body.film-page .poster{right:3%!important;top:5%!important;bottom:5%!important;width:47%!important;border-radius:22px!important;box-shadow:0 35px 90px rgba(0,0,0,.65)!important}body.film-page .hin{padding:48px!important;max-width:57%!important}body.film-page h1{font-size:clamp(44px,6vw,82px)!important;line-height:.92!important;margin:16px 0 22px!important}body.film-page .pill{border-radius:999px!important;padding:5px 10px!important;background:rgba(255,255,255,.08)}body.film-page .desc{color:rgba(255,255,255,.72)!important;font-size:16px;line-height:1.6!important}body.film-page .rel{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;gap:14px!important}body.film-page .rc{min-height:125px;border-radius:18px!important;padding:18px!important;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025))!important;transition:.3s var(--ease)}body.film-page .rc:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.24)!important}
/* login */
body.login-page{display:grid!important;place-items:center!important;padding:100px 20px 30px!important;background:radial-gradient(circle at 50% 0,#394356 0,#151820 32%,#050507 70%)!important}body.login-page:after{content:"";position:fixed;width:58vw;height:58vw;border-radius:50%;background:radial-gradient(circle,rgba(255,55,95,.16),transparent 66%);right:-25vw;bottom:-34vw;z-index:-1}body.login-page .card{width:100%!important;max-width:460px!important;border-radius:30px!important;padding:42px 38px!important;text-align:left!important}body.login-page .logo{position:absolute;top:30px;left:50%;transform:translateX(-50%);text-align:center!important}body.login-page h1{text-align:left!important;font-size:32px!important;margin:14px 0 8px!important}body.login-page .sub{text-align:left!important;font-size:14px!important;margin-bottom:28px!important}body.login-page label{text-transform:uppercase;letter-spacing:.1em;font-size:10px!important;font-weight:700}body.login-page input{padding:15px 16px!important}body.login-page .btn{width:100%;margin-top:14px!important}body.login-page .back{color:var(--mut)!important}body.login-page .err,body.login-page .dev{border-radius:14px!important}
/* cabinet */
body.cabinet-page .wrap{max-width:900px}body.cabinet-page header form{margin-left:auto}body.cabinet-page .out{border-radius:999px!important;background:rgba(255,255,255,.08)!important;border:1px solid var(--line)!important;color:var(--mut)!important}body.cabinet-page h1{font-size:clamp(38px,6vw,64px)!important;margin-top:24px!important}body.cabinet-page .phone{margin-bottom:34px!important}body.cabinet-page .panel h2{font-size:18px!important;margin-bottom:17px!important}body.cabinet-page .dico{border-radius:14px!important;background:rgba(255,255,255,.08)!important}body.cabinet-page .unlink{border-radius:999px!important}body.cabinet-page .dev,body.cabinet-page .prow{padding:15px 0!important}body.cabinet-page .bar{background:rgba(255,255,255,.12)!important}body.cabinet-page .bar i{background:#fff!important}
/* gate */
body.gate-page{background:radial-gradient(circle at 50% 8%,#394356 0,#151820 34%,#050507 72%)!important}body.gate-page .aurora{display:none}body.gate-page .lock{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.035))!important;border-radius:32px!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 36px 100px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.14)!important}body.gate-page .logo{font-family:"Onest",sans-serif!important;letter-spacing:-.055em!important}body.gate-page .logo .tv{background:transparent!important;color:var(--pink)!important;border:0!important;padding:0!important;font-size:26px!important;margin-left:0!important}body.gate-page button{background:#fff!important;color:#09090b!important;border:0!important;box-shadow:none!important}body.gate-page input{font-family:"Onest",sans-serif!important}
@media(max-width:760px){body.cinematic-page .wrap{padding:82px 16px 40px}body.cinematic-page header{top:10px;width:calc(100% - 20px);height:56px;border-radius:18px;padding:0 15px}body.cinematic-page .card{border-radius:22px!important;padding:18px!important}body.cinematic-page .panel{border-radius:20px!important;padding:20px!important}body.channel-page .chead{align-items:flex-start!important;flex-wrap:wrap}body.channel-page .chead .live{margin-left:80px}body.channel-page .player{border-radius:18px!important}body.film-page .hero{min-height:570px!important}body.film-page .poster{display:block!important;inset:0!important;width:100%!important;border-radius:0!important;opacity:.72}body.film-page .hero:after{background:linear-gradient(0deg,rgba(5,5,7,.98) 10%,rgba(5,5,7,.3) 74%)!important}body.film-page .hin{max-width:100%!important;padding:28px!important}body.film-page h1{font-size:44px!important}body.login-page{padding-top:90px!important}body.login-page .card{padding:30px 22px!important}body.cabinet-page h1{font-size:40px!important}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}