@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;--bg:#090c11;--muted:#9299a5;--orange:#ff8a2a;--line:#252a33}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 12% 40%,#14233366,transparent 50%),var(--bg);color:#f5f6f8;font-family:'DM Sans',sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:4px}header{height:108px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}#brand{display:flex;align-items:center;gap:20px;text-decoration:none;color:white}#brand img{width:138px;height:86px;object-fit:contain}#brand strong{font:600 25px Outfit;letter-spacing:4px}.orange{color:var(--orange)}.divider{height:27px;width:1px;background:#343941}.header-right{display:flex;align-items:center;gap:40px}.connection{font-size:12px;color:var(--muted)}.connection:first-letter{color:#31cdb0}.quiet{background:none;border:0;font-size:13px}.quiet span{margin-left:15px;color:var(--muted)}main{max-width:1440px;margin:auto;padding:56px 5% 50px}#landing{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,1fr);gap:7%}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:700;color:#b2bac6;display:flex;align-items:center;gap:10px}.eyebrow i{width:7px;height:7px;background:var(--orange);border-radius:50%}h1,h2,h3{font-family:Outfit,sans-serif}h1{font-size:clamp(36px,4.2vw,62px);line-height:1.08;letter-spacing:-2px;margin:25px 0 20px;font-weight:600}h1 em{font-style:normal;color:var(--orange)}.intro>p{color:var(--muted);font-size:15px;line-height:1.8}.features{display:flex;gap:28px;font-size:12px;color:#d0d4dc;margin:27px 0 30px}.visual-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;height:270px}.art{position:relative;overflow:hidden;border-radius:12px;padding:18px 14px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #ffffff13;box-shadow:0 15px 30px #0003}.art small{font-size:8px;font-weight:700;letter-spacing:1px;z-index:2}.art small b{color:#fc643e}.art>div:last-child{z-index:2}.art span{font-size:6px;letter-spacing:1.5px;color:#ffffff99}.art h3{font-size:23px;line-height:1.07;margin:8px 0 0;font-weight:500}.art-live{background:linear-gradient(0deg,#082629 5%,#113b3a33 80%),repeating-linear-gradient(100deg,#163b3f 0 2px,#0c242c 2px 14px)}.stadium{position:absolute;top:70px;left:5%;width:90%;height:80px;border:4px solid #91cbc866;border-radius:50%;transform:rotate(-20deg);box-shadow:0 0 40px #9be2d744;color:#9ad4b1;text-align:center;font-size:50px}.art-movie{background:linear-gradient(0deg,#221321,transparent),radial-gradient(at 70% 20%,#bc654b,#282c49 50%,#100e1b)}.planet{position:absolute;top:55px;right:-10px;width:145px;height:145px;border-radius:50%;background:radial-gradient(at 30% 20%,#e9b597,#985741 38%,#231b29 70%);box-shadow:-12px -8px 45px #e49c6444}.art-series{background:linear-gradient(0deg,#0e1c35,transparent),linear-gradient(145deg,#152c43,#65819d 50%,#192334)}.city{position:absolute;inset:50px 0 60px;background:repeating-linear-gradient(90deg,transparent 0 12px,#111b31 12px 28px,transparent 28px 35px);transform:skewY(-15deg);border-bottom:2px solid #b5cfee}.under-art{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#687280;margin-top:20px}.under-art b{color:var(--orange);margin:0 8px}.login-panel{background:linear-gradient(130deg,#171c24aa,#10141bdd);border:1px solid #2a303a;border-radius:18px;padding:30px 34px;box-shadow:0 24px 80px #0003}.panel-icon{width:42px;height:42px;display:grid;place-items:center;background:#ff8a2a15;color:var(--orange);border:1px solid #ff8a2a33;border-radius:12px;font-size:26px}.login-panel h2{font-size:29px;line-height:1.15;font-weight:500;letter-spacing:-.5px;margin:18px 0 10px}.login-panel>p{font-size:11px;color:var(--muted);margin-bottom:24px}label{display:block;font-size:11px;margin:17px 0 8px}.input-wrap{height:45px;display:flex;align-items:center;border:1px solid #313743;border-radius:7px;background:#0c1017}.input-wrap>span{padding:0 13px;color:#737e8e}.input-wrap input{min-width:0;width:100%;background:none;border:0;outline:none;color:#eee;font-size:12px;padding:12px 0}.input-wrap:focus-within{border-color:var(--orange)}.eye{background:none;border:0;color:#9299a5;padding:12px}.hint{display:block;font-size:9px;color:#737d8c;margin-top:7px}.session-note{font-size:9px;color:#7c8795;margin:17px 0}.primary{border:0;border-radius:7px;padding:14px 18px;background:var(--orange);color:#18130e;width:100%;font-weight:700;font-size:12px;display:flex;justify-content:space-between;box-shadow:0 5px 20px #ff8a2a18}.primary:hover{background:#ffa24f}.primary:disabled{opacity:.6;cursor:wait}.or{display:flex;gap:12px;align-items:center;font-size:9px;color:#717b89;margin:22px 0 15px}.or span{height:1px;background:#29303a;flex:1}.demo{border:1px solid #323a46;border-radius:7px;width:100%;background:#ffffff03;padding:12px;font-size:11px}.demo span{float:right}.support{margin-top:22px;text-align:center;font-size:9px;color:#798391}.support button{display:block;margin:7px auto 0;color:#d4d8e0;background:none;border:0;font-size:10px}.error{color:#ffb2a6;font-size:12px;line-height:1.5}.error:empty{display:none}footer{margin:0 5%;padding:24px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#697482;font-size:9px}.foot-divider{margin:0 13px}.secure{color:#8f99a7}[hidden]{display:none!important}.welcome{display:flex;justify-content:space-between;align-items:center}.welcome h1{font-size:44px}.welcome p{color:var(--muted)}.badge{font-size:10px;border:1px solid #664524;color:#ffb575;padding:10px;border-radius:30px;letter-spacing:1px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:38px 0}.choice{position:relative;text-align:left;border:1px solid #ffffff18;border-radius:14px;padding:36px 26px;min-height:270px;overflow:hidden;transition:.2s}.choice:hover,.choice.active{transform:translateY(-5px);border-color:var(--orange)}.choice.live{background:radial-gradient(at 100% 0%,#12666c,#112229 75%)}.choice.movie{background:radial-gradient(at 100% 0%,#805633,#281c1a 75%)}.choice.series{background:radial-gradient(at 100% 0%,#524b8b,#1b1b31 75%)}.choice-icon{display:block;font-size:38px;margin-bottom:26px;color:#ffffffaa}.choice small{font-size:9px;letter-spacing:2px;color:#ffffff88}.choice h2{font-size:30px;margin:12px 0}.choice p{font-size:12px;color:#ffffff88}.arrow{position:absolute;right:25px;top:30px;font-size:25px}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px}.catalog-toolbar>div{display:flex;gap:12px}select,input[type=search]{background:#141a23;border:1px solid #303949;border-radius:7px;color:#ddd;padding:12px;max-width:100%}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:20px}.media-card{border:0;background:#151b24;text-align:left;border-radius:9px;overflow:hidden;padding:0;transition:transform .2s}.media-card:hover{transform:translateY(-4px)}.poster{width:100%;height:220px;object-fit:cover;background:linear-gradient(150deg,#2f5667,#151925 70%);display:grid;place-items:center;font-size:42px;color:#ffffff55}.media-card strong{display:block;padding:13px;font-size:12px}.media-card small{display:block;padding:0 13px 14px;color:#8b98a9}#catalog-status{color:var(--muted);line-height:1.6}dialog{background:#131922;color:#eee;border:1px solid #364151;border-radius:16px;width:min(850px,94vw);max-height:90vh;padding:30px}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}.close{float:right;background:none;border:0;padding:8px;font-size:18px}dialog p{color:#a9b3c1;line-height:1.7}video{width:100%;max-height:60vh;background:#000}.episode{display:block;width:100%;padding:15px;background:#202936;border:1px solid #354051;text-align:left;border-radius:6px;margin:8px 0}.season{margin-top:20px}.empty{padding:35px;border:1px dashed #354051;border-radius:10px;color:var(--muted)}@media(min-width:1500px){header,footer{max-width:1296px;margin-left:auto;margin-right:auto}}@media(max-width:1000px){#landing{gap:4%;grid-template-columns:1.2fr 1fr}.login-panel{padding:25px}.visual-cards{height:240px;gap:7px}.art{padding:12px 10px}.art h3{font-size:20px}.features{gap:15px}.connection{display:none}}@media(max-width:760px){header{height:85px}#brand img{width:110px;height:70px}#brand strong{font-size:21px}#landing{display:block;padding-top:35px}.intro h1{font-size:44px}.visual-cards{height:230px}.login-panel{margin-top:35px}.intro>p{font-size:14px}.choices{grid-template-columns:1fr}.choice{min-height:210px}.choice-icon{margin-bottom:15px}.welcome{display:block}.welcome h1{font-size:35px}.badge{display:inline-block}.catalog-toolbar{display:block}.catalog-toolbar>div{flex-wrap:wrap;margin-bottom:20px}.grid{grid-template-columns:repeat(2,1fr)}footer{gap:15px;flex-wrap:wrap}footer>span:nth-child(2){display:none}.header-right{gap:10px}}