@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#091522;--panel:#102132;--panel2:#14283c;--line:#22364b;--text:#f1f6fa;--muted:#8fa5b9;--blue:#2794ef;--orange:#ff822f;--radius:18px;--hero-image:none;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 'Manrope',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,textarea,select{outline-offset:5px}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,5vw,68px);line-height:1.13;letter-spacing:-2.5px;font-weight:800}h2{font-size:32px;line-height:1.2;letter-spacing:-1px}h3{font-size:18px;line-height:1.4}em{font-style:normal;color:var(--orange)}[hidden]{display:none!important}.muted{color:var(--muted)}.small,small{font-size:12px}.accent{color:var(--orange)}.topbar{height:88px;max-width:1440px;margin:auto;display:flex;align-items:center;padding:0 64px;gap:64px}.logo{font-size:26px;font-weight:800;letter-spacing:-1px;white-space:nowrap;display:inline-flex;align-items:center;gap:0}.logo span{color:var(--orange)}.logo i{font-style:normal;font-size:11px;color:var(--blue);border:1px solid #315474;display:grid;place-items:center;width:22px;height:22px;margin-left:10px;border-radius:7px}.topbar nav{display:flex;gap:32px;font-size:13px;color:var(--muted)}.topbar nav .active{color:var(--text)}.online{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:12px;color:var(--muted)}.online b{color:var(--text)}.live-dot{width:6px;height:6px;background:#5ae4a4;border-radius:50%;display:inline-block;box-shadow:0 0 10px #5ae4a444;vertical-align:middle;flex-shrink:0}.hero{max-width:1312px;margin:12px auto 0;min-height:525px;border:1px solid #283b50;border-radius:24px;position:relative;overflow:hidden;background:linear-gradient(90deg,#102335,#0d2944);display:flex;align-items:center}.hero-copy{padding:66px;max-width:660px;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--blue);display:flex;align-items:center;gap:8px;margin-bottom:22px}.eyebrow>span{width:20px;height:2px;background:var(--orange)}.hero h1{font-size:clamp(45px,5.4vw,73px);margin-bottom:24px}.hero-copy>p:not(.eyebrow){color:#a2b6c7;font-size:15px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:30px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:13px 22px;border-radius:10px;border:1px solid transparent;font-size:12px;font-weight:800;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-1px)}.orange{background:var(--orange);color:#102131;box-shadow:0 6px 26px #ff822f12}.orange:hover{background:#ffa260}.ghost{background:transparent;border-color:var(--line);color:var(--text)}button:disabled{opacity:.5;cursor:default;transform:none}.hero-note{font-size:10px;color:var(--muted)}.hero-art{position:absolute;inset:0 0 0 35%;background:radial-gradient(ellipse at 80% 20%,#176da9 0,transparent 50%),linear-gradient(120deg,#10233500,#0b3254)}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102335 2%,#10233566 40%,transparent),linear-gradient(0deg,#102335,transparent 40%)}.moon{position:absolute;width:300px;height:300px;border-radius:50%;background:linear-gradient(120deg,#ffd5ac,#ff832e);right:45px;top:46px;box-shadow:0 0 90px #ff9c3b20}.skyline{position:absolute;bottom:0;right:0;width:100%;height:210px;background:#0b2034;clip-path:polygon(0 70%,10% 70%,10% 30%,16% 30%,16% 58%,23% 58%,23% 15%,27% 15%,27% 65%,38% 65%,38% 0,42% 0,42% 39%,53% 39%,53% 22%,58% 22%,58% 50%,68% 50%,68% 10%,76% 10%,76% 45%,88% 45%,88% 32%,100% 32%,100% 100%,0 100%)}.figure{position:absolute;right:165px;bottom:-80px;height:360px;width:150px;border-radius:70px 70px 15px 15px;background:linear-gradient(100deg,#0b1827,#213246);transform:rotate(-4deg)}.figure:before{content:'';position:absolute;width:76px;height:86px;border-radius:45%;background:#101b29;left:37px;top:-64px;box-shadow:10px 0 0 #73473044}.film-grain{position:absolute;inset:0;background:repeating-linear-gradient(0deg,#fff1 0px,transparent 1px,transparent 4px);opacity:.1}.hero-caption{position:absolute;right:32px;bottom:23px;font-size:8px;letter-spacing:3px;color:#7493ac}.hero-caption span{color:var(--orange);margin:0 10px}.has-film .hero-art{background-image:linear-gradient(90deg,#102335,transparent),var(--hero-image);background-size:cover;background-position:center}.has-film .moon,.has-film .skyline,.has-film .figure{display:none}.benefits{max-width:1312px;margin:0 auto;display:flex;padding:29px 20px;align-items:center;gap:56px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.benefits i{font-style:normal;font-size:19px;color:var(--blue);margin-right:10px}.benefits a{margin-left:auto;color:var(--orange);font-size:10px}.catalog{max-width:1312px;margin:62px auto 80px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head h2,.section-head h3{margin:0}.section-head .eyebrow{margin-bottom:12px}.section-head h2 span{font-size:13px;color:var(--muted);margin-left:12px;border:1px solid var(--line);padding:3px 8px;border-radius:6px;vertical-align:middle}.search{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;padding:8px 13px;gap:10px;max-width:255px;color:var(--muted)}.search>span{font-size:26px;line-height:1}.search input{border:0;background:transparent;color:var(--text);width:100%;font-size:12px;outline:none}.filters{display:flex;gap:10px;margin-bottom:28px;overflow:auto}.filters button{border:1px solid var(--line);background:none;padding:7px 19px;border-radius:8px;font-size:11px;white-space:nowrap;color:var(--muted)}.filters .selected{background:#163c60;border-color:#22537e;color:#80c6ff}.film-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.film-card{padding:0;text-align:left;border:0;background:transparent;min-width:0;transition:transform .2s}.film-card:hover{transform:translateY(-5px)}.poster{position:relative;aspect-ratio:2/3;border-radius:13px;overflow:hidden;background:#16304a}.poster img{width:100%;height:100%;transition:transform .4s}.film-card:hover img{transform:scale(1.05)}.poster:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0008);pointer-events:none}.free-badge{position:absolute;top:12px;left:12px;font-size:8px;letter-spacing:1px;background:#0a223dcc;border:1px solid #ffffff22;padding:4px 8px;border-radius:4px}.episode-badge{position:absolute;bottom:12px;right:12px;font-size:9px;z-index:1;background:#081522ba;padding:4px 7px;border-radius:5px}.card-play{position:absolute;inset:0;margin:auto;width:45px;height:45px;background:var(--orange);border-radius:50%;display:grid;place-items:center;color:#14283c;opacity:0;z-index:1}.film-card:hover .card-play{opacity:1}.card-info{padding:15px 2px}.card-info small{font-size:9px;color:var(--muted)}.card-info small span{margin:0 6px;color:#536679}.card-info h3{font-size:14px;margin:6px 0 9px}.card-meta{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.card-live{display:flex;gap:5px;align-items:center}.empty{grid-column:1/-1;text-align:center;padding:60px 20px;background:linear-gradient(120deg,#102234,#10223444);border:1px dashed var(--line);border-radius:16px}.empty>span{font-size:32px;color:var(--blue);display:block;margin-bottom:18px}.empty h3{margin-bottom:7px}.empty p{color:var(--muted);font-size:13px}.about{max-width:1312px;margin:0 auto 65px;border-top:1px solid var(--line);padding-top:44px;display:flex;justify-content:space-between;gap:40px}.about h2{font-size:35px;margin-bottom:0}.about h2 span{color:var(--muted)}.about>p{max-width:400px;font-size:13px;color:var(--muted);align-self:center;line-height:1.9}.about .eyebrow{margin-bottom:15px}footer{border-top:1px solid var(--line);max-width:1440px;padding:28px 64px;display:flex;align-items:center;gap:36px}footer .logo{font-size:20px}footer p{font-size:10px;color:var(--muted);margin:0}footer>a:last-child{margin-left:auto;font-size:10px;color:var(--muted)}.watch{position:fixed;inset:0;z-index:20;background:var(--bg);overflow:auto}.watch-inner{max-width:1312px;margin:auto;padding:28px 20px}.back{border:0;background:transparent;color:var(--muted);padding:8px 0;font-size:12px}.watch-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:30px;margin-top:18px}.player-shell{background:#000;border-radius:14px;overflow:hidden;position:relative}.player-shell video{width:100%;max-height:65vh;display:block;min-height:250px;aspect-ratio:16/9}.end-overlay{position:absolute;inset:0;background:#071421dc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.end-overlay p{font-size:24px}.player-controls{display:flex;align-items:center;justify-content:space-between;margin:20px 0 28px;gap:10px}.player-controls strong{font-size:12px}.watch h2{margin:16px 0 8px}.watch .description{white-space:pre-line;color:var(--muted);font-size:14px;margin-top:20px}.episode-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px;align-self:start}.episode-panel .section-head>span{font-size:10px;color:var(--muted)}.episodes{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-height:460px;overflow:auto}.episodes button{padding:12px 5px;border:1px solid var(--line);background:var(--bg);border-radius:8px;display:flex;flex-direction:column;gap:4px;align-items:center}.episodes button span:first-child{font-weight:800;font-size:16px}.episodes button span:last-child{font-size:9px;color:var(--muted)}.episodes .selected{background:#184570;border-color:#2b91e5}.episode-panel>p{margin:20px 0 0}.ad-slot{min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-top:1px solid var(--line);padding:20px 0;overflow:hidden;max-width:100%}.ad-label{font-size:9px;color:#70859a;margin-bottom:12px}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#214667;border:1px solid #3d709b;border-radius:10px;padding:12px 22px;z-index:100;font-size:13px;max-width:90%;box-shadow:0 10px 30px #0006}.panel{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:28px;margin-bottom:24px}.form{display:flex;flex-direction:column;gap:20px}.form h3{margin:0}.form label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#a8bed0}.form input:not([type=file]),.form textarea,.form select{width:100%;border:1px solid #2a4259;border-radius:9px;background:#0b1b2a;color:var(--text);padding:12px 14px;font-size:13px}.form textarea{resize:vertical}.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--blue);outline:1px solid var(--blue)}.form .btn{align-self:flex-start}.error{color:#ffb294}.form-error{font-size:12px;margin:0}.notice{background:#173752;border:1px solid #2b5879;padding:14px;border-radius:8px;font-size:12px}.setup{max-width:560px;margin:50px auto;padding:20px}.setup>.logo{margin-bottom:45px}.setup h1{font-size:48px}.setup>.eyebrow{margin-bottom:12px}.admin-body{background:#0a1623}.sidebar{width:245px;position:fixed;inset:0 auto 0 0;background:#0e1e2d;border-right:1px solid var(--line);padding:34px 22px;display:flex;flex-direction:column}.sidebar>.logo{padding-left:10px;font-size:25px}.studio-label{font-size:8px;letter-spacing:2.2px;color:#65829b;margin:8px 0 40px 11px}.sidebar nav{display:flex;flex-direction:column;gap:8px}.sidebar nav button{border:0;background:none;text-align:left;padding:13px 14px;border-radius:9px;font-size:11px;color:var(--muted)}.sidebar nav .selected{color:#9bd1ff;background:#163653;border:1px solid #235073}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;padding:20px 12px 0;gap:16px;font-size:11px;color:var(--muted)}#admin-name{color:var(--text);border-top:1px solid var(--line);padding-top:20px}.studio-main{margin-left:245px}.studio-top{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 44px;gap:9px;color:var(--muted);font-size:11px}.admin-page{max-width:1250px;padding:44px;margin:auto}.admin-page>h1,.admin-page .section-head h1{font-size:38px;letter-spacing:-1.5px;margin-bottom:0}.admin-page>.eyebrow{margin-bottom:10px}.admin-page>h1{margin-bottom:28px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:30px 0}.stat{border:1px solid var(--line);background:var(--panel);padding:23px;border-radius:14px;display:flex;flex-direction:column;gap:14px}.stat>span{font-size:10px;color:var(--muted)}.stat>b{font-size:34px;font-weight:800;line-height:1.1}.stat>small{color:#7692a9;font-size:9px}.stat:first-child>b{color:var(--blue)}.stat:nth-child(3)>b{color:var(--orange)}.stat .live-dot{margin-right:4px}.live-badge{font-size:9px;color:#65dfa4}.live-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px;gap:16px}.live-row:last-child{border:0}.live-row p{margin:4px 0 0}.live-row b{font-size:11px;color:#a1c5df}.studio-banner{border:1px solid #2d5270;border-radius:18px;padding:35px;background:linear-gradient(110deg,#143e60,#0f2539);position:relative;overflow:hidden}.studio-banner h2{font-size:36px;position:relative;z-index:1}.studio-banner p{font-size:12px;color:var(--muted);position:relative;z-index:1}.studio-banner .eyebrow{color:#90caff}.studio-banner button{position:relative;z-index:1}.banner-ring{position:absolute;width:270px;height:270px;border:48px solid #ff822f;right:50px;top:20px;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 0 50px #1c507333}.upload-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr);gap:24px;margin-top:30px}.dropzone{border:1px dashed #346181;border-radius:12px;padding:28px;text-align:center;align-items:center;background:#0c2032}.upload-icon{color:var(--blue);background:#183955;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:27px}.dropzone small{color:var(--muted)}.dropzone input{max-width:100%;font-size:11px;margin:12px auto}.dropzone strong{color:var(--text);font-size:14px}.dropzone input::file-selector-button,.poster-upload input::file-selector-button{border:0;border-radius:6px;padding:8px;background:#224c6e;color:var(--text);margin-right:10px}.poster-upload img{width:100%;max-height:300px;aspect-ratio:2/3;border-radius:10px;object-fit:cover;background:#152d44}.poster-upload input{font-size:11px;width:100%}.poster-upload small{color:var(--muted)}.episode-summary{display:flex;flex-direction:column;background:#0b1d2e;padding:18px;border-radius:10px;gap:5px}.episode-summary span,.episode-summary small{font-size:10px;color:var(--muted)}.episode-summary b{font-size:25px;color:var(--blue)}progress{width:100%;accent-color:var(--orange);height:8px}#progress-text{font-size:11px;color:var(--muted);margin-top:10px}.manage-row{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:20px;display:flex;gap:18px;align-items:center;margin-bottom:14px}.mini-poster{height:60px;width:44px;border-radius:6px;background:linear-gradient(150deg,#2369a6,#ff822f);display:grid;place-items:center;font-size:14px;flex-shrink:0}.grow{flex:1}.manage-row h3{font-size:14px;margin:0 0 5px}.manage-row p{font-size:10px;color:var(--muted);margin:0 0 3px}.manage-row small{font-size:9px;color:#63819a}.status{font-size:9px;padding:4px 9px;border-radius:6px;background:#22354a;color:#a0b1c1}.status.published{color:#6ee3b0;background:#173a31}.status.draft{color:#ffb581;background:#463224}#settings-form,#user-form,#password-form{max-width:720px}.actions{display:flex;gap:12px;flex-wrap:wrap}dialog{border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);padding:28px;width:540px;max-width:95vw}dialog::backdrop{background:#000b}dialog .section-head{margin:0}
@media(min-width:1600px){.hero,.benefits,.catalog,.about{max-width:1312px}}
@media(max-width:1400px){.hero,.benefits,.catalog,.about{margin-left:48px;margin-right:48px}.hero{min-height:485px}.hero-copy{padding:50px}.topbar{padding:0 48px}.film-grid{gap:18px}.admin-page{padding:32px}.studio-top{padding:0 32px}.sidebar{width:220px}.studio-main{margin-left:220px}.stat{padding:18px}.banner-ring{right:20px;opacity:.75}}
@media(max-width:1000px){.film-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-note{display:none}.hero-art{inset:0 0 0 25%;opacity:.65}.hero-copy{max-width:550px}.benefits{gap:20px}.benefits a{display:none}.topbar{gap:40px}.stat-grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:190px;padding:30px 12px}.studio-main{margin-left:190px}.sidebar>.logo{font-size:22px}.upload-layout{grid-template-columns:1fr}.poster-upload img{max-height:230px;object-fit:contain}.watch-grid{grid-template-columns:minmax(0,1fr) 230px;gap:18px}.episode-panel{padding:18px}.banner-ring{opacity:.25}}
@media(max-width:700px){.topbar{height:73px;padding:0 20px;gap:20px}.topbar .logo{font-size:23px}.topbar nav{display:none}.topbar .online{font-size:10px}.hero,.benefits,.catalog,.about{margin-left:18px;margin-right:18px}.hero{min-height:430px;margin-top:8px}.hero-copy{padding:32px 25px}.hero h1{font-size:47px;letter-spacing:-2px}.hero-copy>p:not(.eyebrow){font-size:12px}.hero-art{inset:0;opacity:.35}.hero-art .moon{width:210px;height:210px;right:-40px;top:30px}.figure{right:55px}.hero-caption{font-size:6px;right:20px;bottom:18px}.eyebrow{font-size:8px;letter-spacing:1.4px}.hero-actions{margin-top:25px}.benefits{padding:18px 0;justify-content:space-between;gap:8px;font-size:9px}.benefits i{font-size:14px;margin-right:3px}.catalog{margin-top:38px;margin-bottom:45px}.section-head{align-items:flex-start;gap:15px}.section-head h2{font-size:25px}.search{max-width:145px;padding:6px 8px;margin-top:22px}.search input{font-size:10px}.search span{font-size:20px}.film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.filters{gap:7px}.filters button{padding:6px 12px;font-size:10px}.card-info h3{font-size:12px}.card-meta{font-size:8px}.card-info small{font-size:8px}.about{flex-direction:column;gap:20px;padding-top:30px;margin-bottom:35px}.about h2{font-size:30px}.about>p{align-self:flex-start;max-width:100%;margin-bottom:0}footer{padding:25px 20px;gap:18px;flex-wrap:wrap}footer p{font-size:8px;max-width:150px}.watch-inner{padding:15px}.watch-grid{grid-template-columns:1fr}.player-shell video{min-height:180px}.player-controls .btn{font-size:10px;padding:10px}.player-controls strong{font-size:10px}.episodes{grid-template-columns:repeat(5,1fr)}.episode-panel{order:1}.watch h2{font-size:25px}.watch .muted{font-size:11px}.setup{margin:25px auto}.setup h1{font-size:42px}.sidebar{position:relative;inset:auto;width:auto;padding:20px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .studio-label{margin:5px 0 16px 10px}.sidebar nav{flex-direction:row;overflow-x:auto;gap:5px}.sidebar nav button{white-space:nowrap;font-size:10px;padding:10px}.sidebar-bottom{flex-direction:row;align-items:center;padding:14px 10px 0;gap:20px}.sidebar-bottom #admin-name{border:0;padding:0;margin-left:auto;font-size:10px}.sidebar-bottom .back{font-size:10px}.studio-main{margin-left:0}.studio-top{height:50px;padding:0 22px}.admin-page{padding:25px 20px}.admin-page>h1,.admin-page .section-head h1{font-size:29px}.admin-page .section-head>.btn{font-size:9px;padding:10px 12px}.panel{padding:20px;border-radius:13px}.stat-grid{gap:10px;margin:22px 0}.stat{padding:16px;gap:12px}.stat b{font-size:29px}.stat small{font-size:8px}.stat span{font-size:9px}.studio-banner{padding:27px}.studio-banner h2{font-size:30px}.banner-ring{right:-90px}.upload-layout{gap:0}.manage-row{padding:15px;gap:10px;flex-wrap:wrap}.manage-row .btn{font-size:9px;padding:7px 10px}.manage-row .status{margin-left:54px}.form{gap:17px}.empty{padding:40px 20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}