:root{--bg:#080b14;--panel:#101522;--panel2:#151b2b;--line:#222a3c;--text:#f2f5ff;--muted:#929db5;--blue:#518bff;--cyan:#7cd7ed;--green:#6ddeae;--radius:18px;--rail:224px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);font-size:14px;font-synthesis:none;scrollbar-color:#303950 var(--bg)}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan)}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:wait}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}button{border:0;background:none}svg.icon{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.fill-icon .icon{fill:currentColor}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:650}small{font-size:12px}button,.card,a{touch-action:manipulation}::selection{background:#3562b5;color:white}
.demo-banner{min-height:32px;display:flex;align-items:center;justify-content:center;gap:8px;background:#192545;color:#afc9ff;font-size:11px;letter-spacing:.03em;padding:8px 20px;text-align:center;border-bottom:1px solid #2a3b60}.demo-banner .icon{width:13px;height:13px}.topbar{height:89px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#0b0e18;border-bottom:1px solid #1b2232;position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{width:38px;height:41px;display:block;position:relative;font-weight:750;font-size:31px;line-height:41px;color:#90b9ff;letter-spacing:-8px;padding-right:8px;transform:skew(-7deg)}.brand-mark:after{content:"";position:absolute;width:8px;height:26px;right:0;top:7px;background:linear-gradient(#629cff,#3667e8);transform:skew(-19deg);border-radius:2px}.brand-name{font-weight:750;font-size:25px;letter-spacing:6px;line-height:1.1}.brand-sub{font-size:9px;letter-spacing:2.8px;color:#8e99b3;margin-top:5px;text-transform:uppercase}.view-switch{display:flex;gap:3px;background:#151a27;padding:4px;border:1px solid #242c3e;border-radius:10px}.view-switch button{padding:9px 22px;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:8px;border-radius:7px;transition:.2s}.view-switch button .icon{width:16px;height:16px}.view-switch button.active{background:#29334d;color:white;box-shadow:0 2px 6px #0003}.top-actions{display:flex;align-items:center;gap:20px}.icon-button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;color:#a6b1c7;border:1px solid transparent;border-radius:10px;transition:.2s}.icon-button:hover{background:#20293c;color:white}.notification-button{position:relative}.notification-button:after{content:"";position:absolute;right:9px;top:7px;width:5px;height:5px;background:var(--blue);border:2px solid #0b0e18;border-radius:50%;box-sizing:content-box}.avatar{width:35px;height:35px;border-radius:50%;background:linear-gradient(135deg,#263d70,#1b2440);color:#a9c4ff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:1px solid #3c5079}.profile-button{display:flex;align-items:center;gap:10px;text-align:left;font-size:12px}.profile-button small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.profile-button .icon{width:13px;transform:rotate(90deg);color:var(--muted)}.mobile-menu{display:none}.layout{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);min-height:calc(100vh - 89px)}.sidebar{padding:35px 18px 20px 25px;border-right:1px solid #1b2232;display:flex;flex-direction:column;background:#0b0e18;position:sticky;top:89px;height:calc(100vh - 89px);z-index:25}.rail-label{font-size:9px;color:#626e88;letter-spacing:2px;font-weight:600;margin:2px 0 16px 15px}.nav-button{width:100%;display:flex;align-items:center;gap:12px;padding:13px 15px;color:#a4adc1;border-radius:10px;margin-bottom:5px;text-align:left;font-size:12px;transition:.15s}.nav-button .icon{width:18px;height:18px}.nav-button:hover{background:#171e30;color:#e7eeff}.nav-button.active{color:#83adff;background:linear-gradient(90deg,#21345699,#16213980);position:relative}.nav-button.active:before{content:"";position:absolute;left:-25px;top:10px;bottom:10px;width:3px;background:#6a9dff;border-radius:0 2px 2px 0}.nav-count{margin-left:auto;color:#94b8ff;background:#38568766;border-radius:5px;font-size:10px;min-width:20px;padding:3px;text-align:center}.rail-bottom{margin-top:auto;padding-top:32px}.connection-card{border:1px solid #26304a;background:linear-gradient(135deg,#172034,#101523);padding:15px 13px;border-radius:12px;margin:16px 0}.connection-card .eyebrow{font-size:9px;letter-spacing:.7px;color:#a6b0c7;display:flex;align-items:center;gap:7px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6cc9b2}.connection-card strong{font-size:11px;display:block;margin:9px 0 5px;font-weight:500}.connection-card p{font-size:10px;color:#6f7d99;line-height:1.6}.version-label{font-size:9px;color:#4f5b73;padding:0 15px;letter-spacing:1px}.main{padding:34px 38px 20px;min-width:0;max-width:1800px;width:100%;margin:auto}.page-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.page-eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#76839e;margin-bottom:8px}.page-top h1{font-size:25px;font-weight:600;letter-spacing:-.5px}.page-top h1 span{color:#79869f;font-weight:400}.searchbox{display:flex;gap:10px;align-items:center;background:#111625;border:1px solid #222b3f;border-radius:10px;padding:10px 13px;min-width:210px;color:#6f7e99}.searchbox .icon{width:16px;height:16px}.searchbox input{background:transparent;border:0;outline:0;color:white;width:100%;font-size:11px;min-width:0}.searchbox kbd{font-size:10px;border:1px solid #30374b;padding:2px 4px;border-radius:4px}.hero{min-height:352px;position:relative;border-radius:20px;overflow:hidden;background:#111d32;border:1px solid #26344f;display:flex;align-items:center}.hero-art{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 70% 60%,#203d77 0,transparent 55%),linear-gradient(110deg,#111723 0,#111e37 50%,#132744 100%)}.hero-art:before{content:"";position:absolute;width:560px;height:560px;border:1px solid #6282c955;border-radius:50%;right:30px;top:-90px;background:radial-gradient(circle at 36% 32%,#305f9f88,transparent 48%);box-shadow:0 0 110px #1e5de533,inset 0 0 100px #5b94d922;transform:rotate(-25deg) scaleY(.57)}.hero-art:after{content:"";position:absolute;width:330px;height:330px;right:120px;top:15px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#76a8d9 0,#39649d 20%,#102a54 52%,#07162b 80%);box-shadow:inset -35px -20px 45px #0008,0 0 80px #5994e022;transform:rotate(-25deg)}.hero-orbit{position:absolute;width:650px;height:220px;border:1px solid #78abdb44;border-radius:50%;right:-30px;top:35px;transform:rotate(-30deg);z-index:1;box-shadow:0 1px 2px #6b95d533}.hero-orbit:after{content:"";width:7px;height:7px;background:#9bc8ff;box-shadow:0 0 15px #5a98f0;position:absolute;right:50px;top:164px;border-radius:50%}.hero-grain{position:absolute;inset:0;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101725 3%,#101725ee 22%,#10172555 58%,transparent)}.hero-content{position:relative;z-index:2;padding:36px 38px;max-width:610px}.hero-tag{font-size:9px;letter-spacing:2.2px;font-weight:600;display:flex;align-items:center;gap:8px;color:#c4dcff;margin-bottom:23px}.hero-tag span{padding:4px 7px;background:#406eb238;border:1px solid #648bc948;border-radius:4px;color:#b4d0ff;letter-spacing:.5px;font-size:8px}.hero h2{font-size:clamp(32px,3.5vw,55px);font-weight:550;letter-spacing:-1.7px;line-height:1.13;max-width:470px}.hero h2 em{font-style:normal;color:#a2c6ff}.hero p{color:#a9b8ce;font-size:12px;line-height:1.8;max-width:330px;margin:18px 0 24px}.hero-actions{display:flex;gap:11px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#568dff;color:#071327;font-weight:650;padding:12px 18px;border-radius:8px;font-size:11px;border:1px solid transparent;line-height:1.4;transition:.2s}.button .icon{width:15px;height:15px;stroke-width:2}.button:hover{background:#7ba6ff;transform:translateY(-1px);text-decoration:none}.button.secondary{background:#27354b80;border-color:#657b9d55;color:#e2ebff}.button.secondary:hover{background:#2c3c56}.button.ghost{background:transparent;border-color:#2d3850;color:#b6c4de}.button.ghost:hover{background:#1d273b}.button.danger{background:#dc657b22;color:#f6a6b5;border-color:#9d415644}.button.small{padding:8px 11px;font-size:10px}.hero-index{position:absolute;right:25px;bottom:22px;z-index:2;display:flex;align-items:center;gap:6px}.hero-index span{width:5px;height:5px;border-radius:4px;background:#7b97c14d}.hero-index span:first-child{width:22px;background:#b8d2fc}.hero-caption{position:absolute;right:37px;top:30px;z-index:2;font-size:8px;letter-spacing:2px;color:#90b0da;text-align:right;line-height:1.8}.home-columns{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:26px;margin-top:28px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.section-head h2{font-size:17px;letter-spacing:-.35px;font-weight:550}.section-head h2 span{font-size:10px;color:#63738e;font-weight:400;margin-left:8px}.text-button{font-size:10px;color:#8ba6d4;display:flex;align-items:center;gap:6px;white-space:nowrap}.text-button .icon{width:13px;height:13px}.content-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.content-card{text-align:left;overflow:hidden;border:1px solid #273044;border-radius:12px;transition:.2s;background:#101624;position:relative;padding:0;width:100%}.content-card:hover{border-color:#6087c4;transform:translateY(-3px);box-shadow:0 8px 25px #0004}.poster{height:139px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.poster.space{background:radial-gradient(ellipse at 50% 75%,#4b7188 0,transparent 25%),radial-gradient(ellipse at 75% 25%,#294656 0,transparent 55%),#111a25}.poster.space:before{content:"";position:absolute;bottom:-43px;width:220px;height:120px;border:1px solid #93c0d2;border-radius:50%;box-shadow:0 -5px 25px #6ca7c8aa,inset 0 3px 18px #749cb9;background:#182634;transform:rotate(-12deg)}.poster.space:after{content:"";position:absolute;width:29px;height:38px;bottom:39px;border-radius:45% 45% 20% 20%;background:#142333;border:1px solid #567080;box-shadow:0 0 20px #7eb8d52b}.poster.sport{background:linear-gradient(130deg,#314230,#152e27 55%,#0e221e)}.poster.sport:before{content:"";position:absolute;width:125%;height:75%;top:40%;border:1px solid #8fbc7733;background:repeating-linear-gradient(90deg,#6b8e4b14 0 30px,transparent 30px 60px);transform:perspective(80px) rotateX(30deg) rotate(-18deg)}.poster.sport:after{content:"";position:absolute;width:62px;height:62px;border-radius:50%;right:27px;top:39px;border:2px solid #a8b3a3;background:conic-gradient(from 40deg,#324a3b 0 60deg,#a9b39c 60deg 120deg,#31493a 120deg 180deg,#c0c6b8 180deg 240deg,#31493a 240deg 300deg,#afbaa8 300deg);box-shadow:0 8px 20px #051c19;transform:rotate(-25deg)}.poster.world{background:linear-gradient(160deg,#4c5b67,#354b59 40%,#172b36)}.poster.world:before,.poster.world:after{content:"";position:absolute;bottom:-26px;width:120%;height:150px;background:#1b3440;clip-path:polygon(0 100%,0 80%,15% 48%,25% 61%,49% 8%,68% 52%,80% 34%,100% 78%,100% 100%)}.poster.world:after{background:linear-gradient(#78929b,#3c5860);transform:translate(50px,-25px) scale(.8);clip-path:polygon(0 100%,0 80%,15% 48%,25% 61%,49% 8%,68% 52%,80% 34%,100% 78%,100% 100%);z-index:0}.poster.music{background:radial-gradient(ellipse at 50% 100%,#8f477155,transparent 60%),linear-gradient(130deg,#34263c,#201b35)}.poster.music:before{content:"";position:absolute;width:100%;height:50%;top:27%;background:repeating-linear-gradient(90deg,transparent 0 11px,#a878bd44 12px 14px,transparent 15px 27px);clip-path:polygon(0 40%,10% 20%,20% 45%,30% 10%,40% 30%,50% 0,60% 20%,70% 5%,80% 30%,90% 10%,100% 40%,100% 60%,90% 90%,80% 70%,70% 95%,60% 80%,50% 100%,40% 70%,30% 90%,20% 55%,10% 80%,0 60%)}.poster.news{background:radial-gradient(circle at 65% 50%,#5883b050,transparent 45%),linear-gradient(130deg,#1d344e,#111e35)}.poster.news:before{content:"";position:absolute;width:100px;height:100px;border:1px solid #7c96c855;border-radius:50%;box-shadow:0 0 0 13px #497ca911,0 0 0 26px #497ca911;transform:scaleX(.75) rotate(25deg)}.poster.kids{background:linear-gradient(135deg,#3e3043,#614e3a)}.poster.kids:before{content:"";position:absolute;width:90px;height:90px;border-radius:25%;background:linear-gradient(130deg,#e9b884aa,#bb7ca8aa);transform:rotate(-20deg);box-shadow:45px -25px 0 -15px #92b4cc66,-40px 30px 0 -18px #a5c69b66}.poster-title{position:relative;z-index:2;color:#ebf5ff;font-size:22px;font-weight:650;letter-spacing:3px;text-shadow:0 2px 12px #0009;text-align:center}.poster-title small{display:block;font-size:7px;letter-spacing:4px;font-weight:400;margin-bottom:8px;opacity:.7}.quality-tag{position:absolute;top:10px;left:10px;border:1px solid #ffffff40;border-radius:4px;padding:3px 5px;font-size:7px;letter-spacing:.3px;background:#10162466;color:#e2e9f3;z-index:3}.poster-duration{position:absolute;right:9px;bottom:9px;font-size:8px;color:#cfdfeb;background:#07101a88;padding:4px 6px;border-radius:4px;z-index:4}.content-info{padding:13px 12px 14px}.content-info h3{font-size:12px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-info p{font-size:9px;color:#7f8da6;margin-top:6px;display:flex;align-items:center;gap:5px}.content-info .mini-dot{height:3px;width:3px;background:#586781;border-radius:50%}.progress-track{height:2px;background:#2a3348;margin-top:12px;border-radius:2px;overflow:hidden}.progress-track span{height:100%;display:block;background:#7b9ddd}.on-air{background:#101522;border:1px solid #252d40;border-radius:14px;padding:17px 16px}.on-air .section-head{margin-bottom:10px}.on-air .section-head h2{font-size:13px}.live-label{font-size:7px;letter-spacing:1px;display:inline-flex;align-items:center;gap:5px;color:#88a5d8}.live-label i{width:4px;height:4px;border-radius:50%;background:#91b0ee}.air-row{display:flex;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid #20283a;text-align:left;width:100%}.air-row:last-of-type{border-bottom:none}.channel-logo{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,#324368,#19233a);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:750;letter-spacing:-.5px;flex-shrink:0;color:#c6dcff;border:1px solid #a0bcee14}.channel-logo.sport{background:#244334;color:#a5d8a9}.channel-logo.world{background:#3b4b4d;color:#c1dddc}.channel-logo.music{background:#45314c;color:#d9b6e4}.channel-logo.news{background:#2a3457}.channel-logo.kids{background:#584339;color:#e5c6a4}.air-content{flex:1;min-width:0}.air-content h3{font-size:10px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.air-content p{font-size:9px;color:#7485a3;margin-top:3px}.air-row .icon{width:13px;height:13px;color:#697f9d}.air-row .progress-track{margin-top:8px;height:2px}.air-row .progress-track span{background:#5a79aa}.full-guide{margin-top:7px;padding-top:12px;justify-content:center;width:100%;border-top:1px solid #252d40}.quick-features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px}.feature-tile{border:1px solid #202b3e;border-radius:10px;padding:14px 13px;display:flex;align-items:center;gap:11px;background:linear-gradient(130deg,#121a2a,#101522);text-align:left}.feature-tile>.icon{width:22px;height:22px;color:#7d9bc7}.feature-tile h3{font-size:10px;margin-bottom:4px;font-weight:550}.feature-tile p{font-size:8px;color:#7989a5;line-height:1.5}.feature-tile>.icon:last-child{width:12px;margin-left:auto;color:#627694}.app-footer{display:flex;align-items:center;justify-content:space-between;color:#46536d;font-size:8px;padding:25px 0 0;gap:15px;letter-spacing:.4px}.key-tips{display:flex;align-items:center;gap:10px}.key-tips span{display:flex;align-items:center;gap:5px}.key-tips kbd{font-family:inherit;font-size:8px;border:1px solid #2a3449;padding:2px 5px;border-radius:4px;color:#7b8aa4}
.filter-bar{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}.filter-chip{padding:8px 15px;border:1px solid #263148;background:#111827;color:#8394af;border-radius:7px;font-size:10px;transition:.2s}.filter-chip.active{background:#2b4775;border-color:#446ba9;color:#cce0ff}.filter-chip:hover{border-color:#6081b3}.channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.channel-card{border:1px solid #263047;background:#101624;border-radius:13px;overflow:hidden;position:relative}.channel-card .poster{height:135px}.channel-card .content-info{padding:15px}.channel-head{display:flex;gap:9px;align-items:center;margin-bottom:12px}.channel-head .channel-logo{width:30px;height:30px;font-size:9px;border-radius:7px}.channel-head h3{font-size:11px;font-weight:500}.channel-head small{font-size:8px;display:block;color:#7485a3;margin-top:4px}.favorite-button{margin-left:auto;padding:4px;color:#8b9bb4;display:inline-flex;align-items:center;justify-content:center}.favorite-button .icon{width:16px;height:16px}.favorite-button.active{color:#9bbcff}.favorite-button.active .icon{fill:#537fc566}.channel-programme{font-size:11px;line-height:1.5;margin-bottom:5px}.channel-time{font-size:9px;color:#7d8ca7}.channel-card .card-actions{display:flex;align-items:center;justify-content:space-between;margin-top:15px;gap:10px}.card-actions .text-button{font-size:9px}.card-actions .button{padding:7px 10px}.empty-state{padding:55px 25px;text-align:center;border:1px dashed #293650;border-radius:15px;margin:20px 0;color:#8798b5}.empty-state .icon{color:#6587bc;width:32px;height:32px;margin-bottom:15px}.empty-state h2{font-size:18px;color:#d2dff6;margin-bottom:10px}.empty-state p{font-size:12px;line-height:1.8;max-width:450px;margin:0 auto 20px}.guide-controls{display:flex;align-items:center;gap:10px;justify-content:space-between;margin:25px 0 15px}.guide-controls p{color:#99abc8;font-size:12px}.guide{border:1px solid #293246;border-radius:13px;overflow:auto;background:#101624}.guide-header{display:grid;grid-template-columns:160px repeat(3,minmax(150px,1fr));min-width:730px;border-bottom:1px solid #2a3449;font-size:10px;color:#879bbd;background:#151e30}.guide-header>div{padding:15px 18px;border-right:1px solid #253049}.guide-header>div:first-child{font-size:9px;color:#6f819f;letter-spacing:1px}.guide-row{display:grid;grid-template-columns:160px repeat(3,minmax(150px,1fr));min-width:730px;border-bottom:1px solid #202a3c}.guide-row:last-child{border-bottom:0}.guide-channel{display:flex;align-items:center;gap:10px;padding:18px 12px;background:#131b2a}.guide-channel .channel-logo{width:30px;height:30px;font-size:9px}.guide-channel strong{font-size:10px;font-weight:550}.guide-cell{padding:15px 17px;text-align:left;border-right:1px solid #253047;position:relative;color:#b0bed5}.guide-cell:hover{background:#1b2c48}.guide-cell.current{background:#1b2a43}.guide-cell.current:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:#5b8bea}.guide-cell small{font-size:8px;color:#7187a8;display:block;margin-bottom:8px}.guide-cell strong{font-size:10px;font-weight:550;display:block;line-height:1.6}.guide-cell span{font-size:8px;color:#9fbbee;display:inline-flex;gap:5px;align-items:center;margin-top:8px}.guide-cell span .icon{width:10px;height:10px}.notice{display:flex;gap:11px;align-items:flex-start;font-size:11px;line-height:1.8;padding:14px 16px;color:#a7badb;border:1px solid #2a4264;border-radius:10px;background:#15233b;margin-bottom:22px}.notice .icon{width:17px;height:17px;margin-top:2px;flex-shrink:0}.notice.subtle{background:#111926;border-color:#25334a;color:#8f9eb8}.notice.success{background:#12291f;border-color:#2d634c;color:#a0d6bd}.notice.warning{background:#30251a;border-color:#6b5130;color:#ddc59e}.admin-title h1{font-size:29px;letter-spacing:-.8px}.admin-subtitle{color:#8896af;font-size:12px;line-height:1.8;margin-top:11px;max-width:590px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:28px 0}.stat-card{border:1px solid #273147;border-radius:13px;padding:20px;background:linear-gradient(145deg,#161d2c,#101622);position:relative}.stat-icon{height:32px;width:32px;background:#29487744;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#8aade8;margin-bottom:18px}.stat-icon .icon{width:17px;height:17px}.stat-card strong{font-size:32px;font-weight:550;letter-spacing:-1px}.stat-card p{font-size:10px;color:#8391ab;margin-top:6px}.stat-card>span{position:absolute;top:24px;right:19px;color:#7084a5;font-size:8px;letter-spacing:1px}.admin-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:22px;margin:24px 0}.panel{background:#101623;border:1px solid #263048;border-radius:14px;padding:23px;min-width:0}.panel h2{font-size:16px;font-weight:550;margin-bottom:8px;letter-spacing:-.2px}.panel-description{font-size:11px;color:#7f91af;line-height:1.8;margin-bottom:22px}.flow-step{padding:15px 0;display:flex;align-items:center;gap:14px;border-bottom:1px solid #232c3e}.flow-step:last-child{border:0}.flow-number{width:29px;height:29px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#223755;color:#98baf1;border:1px solid #304b76;font-size:10px;flex-shrink:0}.flow-step h3{font-size:11px;font-weight:550;margin-bottom:5px}.flow-step p{font-size:10px;color:#7c8fab;line-height:1.7}.flow-step .icon{width:15px;color:#60789e;margin-left:auto}.flow-step button{text-align:left;flex:1}.system-illustration{height:130px;display:flex;align-items:center;justify-content:center;gap:27px;position:relative;margin:20px 0}.system-illustration:before{content:"";position:absolute;left:35px;right:35px;height:1px;background:linear-gradient(90deg,#315283,#6a9aeb,#315283)}.system-node{height:62px;width:62px;background:#192a43;border:1px solid #365887;border-radius:15px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 30px #295ec01a}.system-node .icon{width:27px;height:27px;color:#9bc1ff}.system-node.middle{height:80px;width:80px;background:#233f66;box-shadow:0 0 35px #397ae52b}.system-node span{position:absolute;top:calc(100% + 12px);white-space:nowrap;font-size:8px;letter-spacing:.8px;color:#7d95b8}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field.full{grid-column:1/-1}.field label{font-size:10px;color:#bcc8de;font-weight:500}.field label span{color:#71839f;font-weight:400}.field input,.field select,.field textarea{background:#0c121f;color:#d6e1f5;border:1px solid #2b3850;border-radius:8px;padding:12px 13px;font-size:11px;width:100%;min-width:0;transition:.2s}.field input:focus,.field textarea:focus,.field select:focus{border-color:#688fca;outline:0;box-shadow:0 0 0 3px #517fbb1a}.field input::placeholder,.field textarea::placeholder{color:#53637e}.field small{font-size:9px;color:#6c7f9f;line-height:1.7}.field textarea{resize:vertical;line-height:1.8;min-height:100px}.field .code-input{font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:15px;margin-top:22px}.form-status{font-size:10px;color:#a3bcdf}.table-wrap{border:1px solid #283147;border-radius:12px;overflow:auto;margin:22px 0;background:#0e1421}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;white-space:nowrap}th{font-size:8px;text-transform:uppercase;letter-spacing:1px;font-weight:550;background:#161e2e;color:#6f829f;padding:15px 18px;border-bottom:1px solid #2a3449}td{padding:16px 18px;border-bottom:1px solid #202a3c;color:#a5b4ce}tr:last-child td{border-bottom:0}td strong{color:#d5e2f7;font-weight:500}.table-person{display:flex;align-items:center;gap:10px}.table-person .avatar{width:29px;height:29px;font-size:9px}.badge{display:inline-flex;align-items:center;gap:5px;color:#a2b8db;border:1px solid #3b507155;background:#22334e66;border-radius:5px;padding:4px 7px;font-size:8px}.badge.green{background:#1d3b2d66;color:#94cfaf;border-color:#3e715655}.badge.red{background:#542e3866;color:#e8a4b3;border-color:#93506455}.table-actions{display:flex;gap:6px;justify-content:flex-end}.table-actions .icon-button{height:30px;width:30px}.table-actions .icon{width:15px;height:15px}.table-empty{padding:25px;text-align:center;color:#72839e;font-size:11px}.inline-select{max-width:160px;background:#162034;border:1px solid #2d4262;border-radius:5px;padding:6px;font-size:9px;color:#adbfda}.safety-caption{font-size:10px;line-height:1.8;color:#7d8da9;margin-top:15px}.release-card{display:flex;gap:15px;align-items:flex-start;border:1px solid #314564;background:#17223a;padding:18px;border-radius:12px;margin-bottom:23px}.release-icon{height:42px;width:42px;border-radius:11px;background:#314d78;display:flex;align-items:center;justify-content:center;color:#9cbef4}.release-card h3{font-size:16px;margin:2px 0 7px}.release-card p{font-size:10px;color:#92a8ca;line-height:1.8}.release-card .badge{margin-left:auto}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid #243048;gap:20px}.settings-row:last-child{border-bottom:0}.settings-row h3{font-size:12px;margin-bottom:7px}.settings-row p{font-size:10px;line-height:1.8;color:#8395b3}.settings-row>.icon{width:22px;height:22px;color:#7196ce}.toggle{width:35px;height:20px;flex-shrink:0;border-radius:15px;background:#293650;position:relative;border:1px solid #40516e}.toggle:after{content:"";position:absolute;left:3px;top:3px;width:12px;height:12px;background:#8596b4;border-radius:50%}.toggle.active{background:#3f6baa;border-color:#5687ce}.toggle.active:after{left:18px;background:#c5ddff}.demo-small{font-size:9px;letter-spacing:.5px;color:#6f85a7;display:flex;gap:7px;align-items:center}.demo-small .icon{width:13px;height:13px}
.login-page{min-height:100vh;display:grid;grid-template-columns:1.08fr 1fr;background:#0b0f19}.login-art{display:flex;flex-direction:column;justify-content:space-between;padding:50px 60px;position:relative;overflow:hidden;border-right:1px solid #263047;background:radial-gradient(ellipse at 70% 50%,#203d62 0,transparent 60%),linear-gradient(140deg,#101a2b,#09111d)}.login-art:after{content:"";position:absolute;width:500px;height:500px;border:1px solid #6696ca44;box-shadow:0 0 80px #3b79bd22,inset 0 0 100px #3b79bd22;border-radius:50%;right:-160px;top:120px;transform:scaleX(.65) rotate(-32deg)}.login-copy{position:relative;z-index:2;max-width:420px;margin:75px 0}.login-copy .hero-tag{margin-bottom:25px}.login-copy h1{font-size:53px;font-weight:500;line-height:1.16;letter-spacing:-2px}.login-copy h1 span{color:#89b7ff}.login-copy p{font-size:13px;line-height:1.9;color:#90a7c6;margin-top:24px;max-width:335px}.login-art>small{font-size:10px;color:#617a9e;position:relative;z-index:2}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:50px 45px}.login-card{width:100%;max-width:350px}.login-card>.icon{width:29px;height:29px;color:#7fa9ec;margin-bottom:28px}.login-card h2{font-size:29px;font-weight:550;letter-spacing:-.7px;margin-bottom:13px}.login-card>p{font-size:12px;line-height:1.8;color:#8295b3;margin-bottom:30px}.login-card .field{margin-bottom:20px}.login-card .button{width:100%;margin-top:9px;padding:14px}.login-card .safety-caption{font-size:10px;margin-top:25px}.login-error{font-size:11px;color:#e5a3b2;margin-top:15px;line-height:1.8;min-height:20px}.pair-code{font-family:ui-monospace,monospace;font-size:26px!important;letter-spacing:8px;text-align:center;text-transform:uppercase}.pair-message{padding:28px 20px;text-align:center;background:#132338;border:1px solid #28466c;border-radius:13px;margin-top:20px}.pair-message .icon{width:35px;height:35px;color:#8eb5ef;margin-bottom:17px}.pair-message h3{font-size:18px;margin-bottom:10px}.pair-message p{font-size:11px;color:#8da4c8;line-height:1.8}.overlay{position:fixed;inset:0;background:#02060dbb;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:24px;animation:fade-in .15s ease}.modal{width:100%;max-width:570px;max-height:90vh;overflow:auto;background:#111a2a;border:1px solid #354866;border-radius:18px;box-shadow:0 30px 100px #0009;position:relative;padding:30px}.modal.wide{max-width:820px}.modal-close{position:absolute;top:13px;right:13px;z-index:5;background:#0a1223a8;color:#a3b9da}.modal>.poster{height:195px;margin:-30px -30px 25px}.modal>.poster .poster-title{font-size:35px;letter-spacing:5px}.modal .eyebrow{font-size:9px;letter-spacing:1px;color:#819abf;margin-bottom:10px}.modal h2{font-size:25px;letter-spacing:-.5px;margin-bottom:12px}.modal .modal-copy{font-size:12px;color:#95a9c9;line-height:1.9;margin-bottom:22px}.modal .notice{font-size:10px;margin:20px 0}.modal .modal-actions{display:flex;flex-wrap:wrap;gap:10px}.modal-epg{margin-top:25px;border-top:1px solid #2d3b53;padding-top:20px}.modal-epg h3{font-size:12px;margin-bottom:15px}.programme-row{display:flex;gap:18px;align-items:center;padding:12px 0;border-bottom:1px solid #26334a;width:100%;text-align:left}.programme-row:last-child{border:0}.programme-row>small{width:75px;color:#7189b1;font-size:9px;flex-shrink:0}.programme-row>div{flex:1}.programme-row strong{font-size:11px;display:block;font-weight:500}.programme-row p{font-size:9px;color:#6e85a8;line-height:1.8;margin-top:5px}.programme-row>.icon{width:15px;color:#87a9da}.phone-pair-demo{display:flex;gap:25px;align-items:center;margin:22px 0}.qr-mock{width:115px;height:115px;background:#dbe8ff;padding:10px;flex-shrink:0;border-radius:10px;color:#142035;display:flex;align-items:center;justify-content:center}.qr-mock .icon{width:60px;height:60px;stroke-width:1}.pair-demo-code{font-family:ui-monospace,monospace;font-size:26px;letter-spacing:7px;color:#b5d1ff;display:block;margin:12px 0}.notification-item{display:flex;gap:13px;padding:17px 0;border-bottom:1px solid #29364d}.notification-item>.icon{color:#84a6dd;margin-top:2px;width:19px}.notification-item h3{font-size:12px;font-weight:500;margin-bottom:7px}.notification-item p{font-size:11px;color:#7e95b7;line-height:1.8}.notification-item small{color:#506c95;font-size:8px;display:block;margin-top:7px}video{width:100%;max-height:55vh;background:black;border-radius:10px;margin:15px 0}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(20px);z-index:200;background:#253d61;color:#d9e8ff;border:1px solid #4d6c98;border-radius:10px;box-shadow:0 5px 30px #0005;padding:13px 21px;font-size:11px;max-width:min(90vw,580px);line-height:1.6;opacity:0;pointer-events:none;transition:.2s}#toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.loading{padding:60px;text-align:center;color:#8499b9;font-size:12px}.spinner{width:20px;height:20px;border:2px solid #2f4465;border-top-color:#87b0ef;border-radius:50%;margin:0 auto 15px;animation:spin .7s linear infinite}.subheading{font-size:10px;color:#758aaa;margin-bottom:20px;line-height:1.8}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in .25s ease}
@media(min-width:1550px){.main{padding:40px 50px}.hero{min-height:420px}.hero-content{padding:45px}.hero-art:after{right:17%;top:40px}.hero-art:before{right:8%}.hero-orbit{right:4%}.home-columns{grid-template-columns:minmax(0,1fr) 320px}.poster{height:170px}.on-air{padding:21px}.air-row{padding:16px 0}.quick-features{margin-top:30px}.feature-tile{padding:19px 16px}}
@media(max-width:1200px){:root{--rail:190px}.topbar{padding:0 25px}.brand-name{font-size:22px}.brand-sub{font-size:8px}.sidebar{padding-left:18px;padding-right:13px}.nav-button{padding:12px;gap:10px;font-size:11px}.nav-button.active:before{left:-18px}.main{padding:30px 25px 20px}.home-columns{grid-template-columns:minmax(0,1fr) 240px;gap:20px}.hero-content{padding:30px}.hero h2{font-size:42px}.hero{min-height:330px}.hero-art:after{right:30px;top:30px;width:280px;height:280px}.hero-art:before{right:-80px}.hero-orbit{right:-150px}.hero-caption{right:20px}.content-cards{gap:10px}.poster{height:125px}.content-info{padding:12px 9px}.content-info h3{font-size:10px}.content-info p{font-size:8px}.on-air{padding:15px 12px}.quick-features{gap:10px}.feature-tile{padding:13px 10px;gap:8px}.feature-tile>.icon{width:18px}.feature-tile h3{font-size:9px}.feature-tile p{font-size:8px}.channel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats{gap:10px}.stat-card{padding:17px}.stat-card>span{right:13px;font-size:7px}.form-grid{gap:15px}.admin-grid{gap:16px}.panel{padding:20px}.login-art{padding:40px}.login-copy h1{font-size:45px}}
@media(max-width:1000px){.home-columns{grid-template-columns:1fr}.on-air{display:none}.content-cards{gap:15px}.poster{height:155px}.content-info{padding:14px}.content-info h3{font-size:12px}.content-info p{font-size:9px}.hero h2{font-size:38px}.hero p{font-size:11px;max-width:280px}.hero-caption{font-size:7px}.hero-content{max-width:470px}.top-actions{gap:10px}.profile-button>div,.profile-button>.icon{display:none}.view-switch button{padding:8px 15px}.stats{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-art{padding:35px}.login-copy h1{font-size:40px}.login-form-wrap{padding:40px 30px}.system-illustration{margin:10px 0 30px}.key-tips{display:none}.feature-tile p{font-size:7px}.quick-features{gap:8px}.feature-tile h3{font-size:8px}}
@media(max-width:760px){:root{--rail:0px}.demo-banner{font-size:9px;min-height:35px;padding:8px 12px;line-height:1.5}.topbar{height:73px;padding:0 19px;gap:10px}.brand{gap:6px}.brand-mark{font-size:25px;width:30px;height:33px;line-height:33px}.brand-mark:after{height:21px;width:6px;top:6px}.brand-name{font-size:19px;letter-spacing:4px}.brand-sub{font-size:6px;letter-spacing:2px;margin-top:4px}.view-switch{padding:3px;border-radius:8px;margin-left:auto;margin-right:9px}.view-switch button{padding:7px 10px;font-size:9px;gap:5px}.view-switch button .icon{width:13px;height:13px}.top-actions{gap:3px}.top-actions>.notification-button{display:none}.profile-button{padding:0}.avatar{width:28px;height:28px;font-size:10px}.mobile-menu{display:flex;width:27px}.mobile-menu .icon{width:18px}.layout{display:block;min-height:calc(100vh - 73px)}.sidebar{position:fixed;left:0;top:73px;width:224px;height:calc(100vh - 73px);transform:translateX(-100%);transition:.2s;box-shadow:20px 0 40px #0006}.demo-on .sidebar{top:108px;height:calc(100vh - 108px)}.sidebar.open{transform:translateX(0)}.nav-button{padding:13px 14px;font-size:12px}.rail-label{font-size:9px}.main{padding:25px 19px 20px}.page-top{gap:15px;align-items:flex-start;margin-bottom:22px}.page-top h1{font-size:22px}.page-eyebrow{font-size:8px;letter-spacing:1.4px}.searchbox{min-width:0;width:145px;padding:9px 10px;margin-top:4px}.searchbox input{font-size:9px}.searchbox kbd{display:none}.hero{min-height:365px;border-radius:15px}.hero-content{padding:28px;max-width:460px}.hero h2{font-size:38px;max-width:330px;letter-spacing:-1.1px}.hero-tag{font-size:8px;margin-bottom:23px;letter-spacing:1.5px}.hero p{font-size:11px;max-width:260px;line-height:1.8;margin-top:17px}.hero-art:after{width:255px;height:255px;right:-80px;top:75px}.hero-art:before{right:-260px;top:-25px}.hero-orbit{right:-280px;top:60px}.hero-shade{background:linear-gradient(90deg,#101725 0,#101725ee 10%,#101725cc 40%,#10172544 100%)}.hero-caption{display:none}.hero-actions{gap:8px}.button{font-size:10px;padding:11px 14px}.hero-actions .button .icon{width:13px}.home-columns{margin-top:27px}.content-cards{grid-template-columns:repeat(3,minmax(135px,1fr));overflow:auto;padding-bottom:8px;gap:10px}.poster{height:125px}.poster-title{font-size:17px;letter-spacing:2px}.poster-title small{font-size:6px;letter-spacing:2px}.poster.space:before{width:170px;height:100px}.poster.sport:after{width:45px;height:45px;top:45px;right:25px}.content-info{padding:12px 10px}.content-info h3{font-size:10px}.content-info p{font-size:8px}.section-head h2{font-size:15px}.section-head h2 span{display:none}.text-button{font-size:9px}.quick-features{grid-template-columns:1fr;margin-top:18px;gap:10px}.feature-tile{padding:15px 14px;gap:13px}.feature-tile>.icon{width:21px}.feature-tile h3{font-size:11px}.feature-tile p{font-size:9px}.feature-tile>.icon:last-child{width:13px}.app-footer{font-size:7px;padding-top:23px}.app-footer>span:last-child{display:none}.filter-bar{gap:6px;margin:20px 0}.filter-chip{font-size:9px;padding:8px 12px}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.channel-card .poster{height:115px}.channel-card .content-info{padding:12px}.channel-head{gap:7px}.channel-head .channel-logo{width:25px;height:25px;border-radius:6px;font-size:8px}.channel-head h3{font-size:9px}.channel-head small{font-size:7px}.channel-programme{font-size:10px}.channel-time{font-size:8px}.favorite-button .icon{width:14px;height:14px}.channel-card .card-actions{gap:5px}.card-actions .button{padding:6px 7px;font-size:8px}.card-actions .text-button{font-size:8px}.channel-card .card-actions .text-button .icon{display:none}.guide-header{grid-template-columns:125px repeat(3,minmax(145px,1fr));min-width:660px}.guide-row{grid-template-columns:125px repeat(3,minmax(145px,1fr));min-width:660px}.guide-channel{padding:15px 9px;gap:7px}.guide-channel strong{font-size:9px}.guide-channel .channel-logo{height:25px;width:25px;font-size:8px}.guide-controls p{font-size:10px}.admin-title h1{font-size:25px}.admin-subtitle{font-size:11px}.stats{gap:11px;margin:23px 0}.stat-card{padding:17px}.stat-card strong{font-size:28px}.stat-card p{font-size:10px}.stat-card>span{font-size:6px}.stat-icon{height:29px;width:29px;margin-bottom:14px}.panel{padding:19px}.panel h2{font-size:15px}.panel-description{font-size:10px}.form-grid{grid-template-columns:1fr;gap:17px}.field.full{grid-column:auto}.field label{font-size:10px}.field input,.field select,.field textarea{font-size:11px;padding:12px}.field small{font-size:9px}.notice{font-size:10px;padding:12px 13px}.table-wrap{margin:19px 0}.table-actions .button{font-size:8px;padding:6px 8px}.form-actions{justify-content:space-between}.login-page{display:block;min-height:100vh}.login-art{padding:30px 25px 35px;border-right:0;border-bottom:1px solid #263047}.login-art .brand{margin-bottom:30px}.login-copy{margin:0;max-width:100%}.login-copy .hero-tag{font-size:8px;margin-bottom:14px}.login-copy h1{font-size:31px;line-height:1.2;letter-spacing:-1px}.login-copy p{font-size:11px;margin-top:14px;max-width:90%}.login-art>small{display:none}.login-art:after{height:320px;width:320px;top:-30px;right:-90px}.login-form-wrap{padding:37px 25px}.login-card{max-width:440px}.login-card>.icon{display:none}.login-card h2{font-size:24px}.login-card>p{font-size:11px;margin-bottom:25px}.login-card .field{margin-bottom:18px}.login-card .safety-caption{margin-top:18px;font-size:9px}.modal{padding:24px;border-radius:15px;max-height:90vh}.overlay{padding:15px}.modal>.poster{margin:-24px -24px 22px;height:160px}.modal>.poster .poster-title{font-size:27px}.modal h2{font-size:22px}.modal .modal-copy{font-size:11px}.modal .modal-actions{gap:8px}.phone-pair-demo{gap:18px}.qr-mock{width:85px;height:85px}.qr-mock .icon{width:45px}.pair-demo-code{font-size:22px;letter-spacing:5px}.programme-row{gap:12px}.programme-row>small{width:62px;font-size:8px}.programme-row strong{font-size:10px}.programme-row p{font-size:8px}.modal .notice{font-size:9px}#toast{bottom:18px;font-size:10px;width:max-content}.settings-row h3{font-size:11px}.settings-row p{font-size:9px}.admin-title.page-top{align-items:center}.admin-title.page-top>.button{font-size:9px;padding:10px 12px}.release-card{padding:15px;gap:12px}.release-card .badge{display:none}.release-card h3{font-size:15px}.release-card p{font-size:9px}.subheading{font-size:9px}.system-node{width:55px;height:55px}.system-node.middle{height:70px;width:70px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.progress-track .p0{width:0}.progress-track .p5{width:5%}.progress-track .p10{width:10%}.progress-track .p15{width:15%}.progress-track .p20{width:20%}.progress-track .p25{width:25%}.progress-track .p30{width:30%}.progress-track .p35{width:35%}.progress-track .p40{width:40%}.progress-track .p45{width:45%}.progress-track .p50{width:50%}.progress-track .p55{width:55%}.progress-track .p60{width:60%}.progress-track .p65{width:65%}.progress-track .p70{width:70%}.progress-track .p75{width:75%}.progress-track .p80{width:80%}.progress-track .p85{width:85%}.progress-track .p90{width:90%}.progress-track .p95{width:95%}.progress-track .p100{width:100%}.modal-open{overflow:hidden}
.admin-context{display:flex;align-items:center;gap:8px;color:#8195b6;font-size:11px;letter-spacing:.4px}.admin-context .icon{width:16px;height:16px;color:#7399d4}@media(max-width:760px){.admin-context{font-size:8px;margin-left:auto;margin-right:9px;gap:5px}.admin-context .icon{width:13px;height:13px}.view-switch button{padding:7px 8px;font-size:8px}}
.advanced-settings{border-top:1px solid #26344b;padding-top:17px}.advanced-settings summary{font-size:10px;color:#8fa7cc;cursor:pointer;line-height:1.8}.advanced-settings[open] summary{margin-bottom:17px}.advanced-settings select{max-width:360px}
.content-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.content-section{display:flex;align-items:center;gap:13px;padding:19px;text-align:left;background:linear-gradient(125deg,#1b2c49,#101927);border:1px solid #30466b;border-radius:12px;transition:.2s}.content-section:hover{border-color:#7d9dd2;transform:translateY(-2px)}.content-section>.icon{color:#96bcff;width:24px;height:24px}.content-section>span{min-width:0}.content-section strong{display:block;font-size:16px;font-weight:600;letter-spacing:-.3px}.content-section small{display:block;margin-top:6px;color:#8ba0c2;font-size:10px;line-height:1.5}.content-section>.icon:last-child{margin-left:auto;width:16px;height:16px}.movie-section{background:linear-gradient(125deg,#2b2542,#151724);border-color:#45405f}.movie-section>.icon{color:#c0aff1}.series-section{background:linear-gradient(125deg,#17373e,#101f2b);border-color:#2f505b}.series-section>.icon{color:#8ed0d8}.catalog-count{font-size:10px;color:#768caa;margin:0 0 14px}.library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.library-card .poster{height:205px}.library-card .poster-title{font-size:19px;letter-spacing:1.8px;padding:15px;overflow-wrap:anywhere}.library-card .content-info{padding:15px}.library-card .content-info h3{font-size:13px;margin-top:8px}.library-card .content-info p{font-size:10px;margin-top:9px;flex-wrap:wrap;line-height:1.5}.library-type{font-size:8px;letter-spacing:1.4px;color:#9cb9e9}.library-details{margin-left:auto;display:inline-flex;align-items:center;gap:3px;color:#9db7df;font-size:9px}.library-details .icon{width:12px;height:12px}.season-picker{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0 20px}.episode-list{padding-top:20px;border-top:1px solid #2d3b53}.episode-list h3{font-size:13px;margin-bottom:10px}.episode-list h3 span{font-size:10px;color:#738cae;font-weight:400}.episode-row{display:flex;align-items:center;gap:15px;width:100%;text-align:left;padding:16px 0;border-bottom:1px solid #26334a}.episode-row:hover .episode-info strong{color:#b5ceff}.episode-number{width:35px;height:35px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid #354a6c;background:#1a2a43;color:#90b3ec;font-size:13px}.episode-info{flex:1;min-width:0}.episode-info strong{display:block;font-size:12px;line-height:1.6}.episode-info small{display:block;color:#7d93b4;font-size:10px;margin-top:4px;line-height:1.6}.episode-row>.icon{width:17px;color:#8daee2}
@media(max-width:1200px){.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-section{padding:17px 13px;gap:10px}.content-section strong{font-size:14px}.content-section small{font-size:9px}}
@media(max-width:1000px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-section{align-items:flex-start;position:relative;padding:16px 12px}.content-section>.icon{width:19px;height:19px}.content-section>.icon:last-child{display:none}.content-section small{font-size:9px}}
@media(max-width:760px){.content-sections{gap:8px;margin-top:18px}.content-section{display:block;padding:16px 12px}.content-section>.icon{width:20px;height:20px;margin-bottom:13px}.content-section strong{font-size:14px}.content-section small{font-size:8px;line-height:1.6;min-height:26px}.library-grid{gap:12px}.library-card .poster{height:175px}.library-card .poster-title{font-size:17px;letter-spacing:1px;padding:10px}.library-card .content-info{padding:13px 11px}.library-card .content-info h3{font-size:11px}.library-card .content-info p{font-size:9px}.library-details{width:100%;margin-left:0;font-size:9px}.season-picker{gap:7px}.episode-row{gap:11px}.episode-info strong{font-size:11px}.episode-info small{font-size:9px}.episode-number{width:30px;height:30px;font-size:11px}}

/* IPTV Italiano — television-first visual identity */
:root{--bg:#070c16;--panel:#0d1625;--panel2:#142037;--line:#23344d;--text:#f5f8ff;--muted:#9baac2;--blue:#1677ff;--cyan:#75c9ff;--rail:190px;font-size:15px;background:var(--bg)}
body{background:radial-gradient(ellipse at 100% 0,#12315c28,transparent 50%),var(--bg)}
.demo-banner{min-height:31px;background:#0b203e;color:#a9caff;border-color:#214571;font-size:11px;padding:7px 16px;position:sticky;top:0;z-index:40}
.topbar{height:84px;padding:0 30px;background:#080e19f5;border-color:#1b2b43;backdrop-filter:blur(18px)}
.demo-on .topbar{top:31px}
.brand{gap:11px}.brand-mark{height:44px;width:48px;padding:0;letter-spacing:0;transform:none;border-radius:12px;background:linear-gradient(145deg,#1677ff,#104abc);box-shadow:0 6px 24px #0868e430;display:flex;align-items:center;justify-content:center;color:#fff}.brand-mark:after{display:none}.brand-mark .icon{width:30px;height:30px;stroke-width:1.8}
.brand-name{font-size:20px;line-height:1.1;letter-spacing:-.7px;font-weight:850;white-space:nowrap}.brand-name span{color:#68adff}.brand-sub{font-size:9px;letter-spacing:2.7px;margin-top:7px;color:#7d97bc;font-weight:600}
.view-switch{background:#0c1422;border-color:#24354e;border-radius:8px;padding:3px}.view-switch button{padding:8px 13px;font-size:11px;border-radius:5px;font-weight:550;gap:7px}.view-switch button.active{background:#1e365c;color:#dcebff;box-shadow:0 0 0 1px #4773b044 inset}
.top-actions{gap:14px}.screen-clock{text-align:right;min-width:125px}.screen-clock strong{font-size:20px;letter-spacing:-.4px;font-weight:650;display:block}.screen-clock span{font-size:10px;color:#7f96b7;display:block;margin-top:3px;text-transform:capitalize}.profile-button{font-size:12px}.profile-button small{font-size:10px}.avatar{height:36px;width:36px;border-radius:10px;background:#162b4a;border-color:#31537f;color:#b9d8ff}.icon-button{border-radius:8px}.icon-button:hover{background:#182c49}.sidebar{padding:28px 12px 18px;background:#09101b;border-color:#1b2b43;top:84px;height:calc(100vh - 84px)}.demo-on .sidebar{top:115px;height:calc(100vh - 115px)}
.rail-label{font-size:9px;letter-spacing:1.5px;color:#6982a5;margin:0 0 15px 13px}.nav-button{font-size:13px;padding:13px 12px;gap:12px;color:#93a6c2;border-radius:8px;margin-bottom:6px;font-weight:500}.nav-button .icon{width:19px;height:19px}.nav-button.active{background:linear-gradient(100deg,#1262d7,#0c408e);color:white;box-shadow:0 5px 24px #005ce521}.nav-button.active:before{display:none}.nav-button:hover{color:#fff;background:#172b49}.nav-button.active:hover{background:#1c76e9}.nav-count{background:#284f80;color:#c3dfff}.rail-bottom{padding-top:30px}.rail-bottom .nav-button{font-size:12px;padding:12px}.connection-card{padding:13px 11px;background:#0b1829;border-color:#1b3555;border-radius:8px;margin:18px 0 12px}.connection-card .eyebrow{font-size:9px;color:#85a1c9}.status-dot{background:#3b9dff;box-shadow:0 0 8px #1978ff80}.connection-card strong{font-size:12px;margin-top:9px}.connection-card p{font-size:10px;color:#7490b5}.version-label{font-size:8px;letter-spacing:1px;padding-left:11px;color:#4a6386}
.main{padding:29px 30px 20px;max-width:1840px}.page-top{margin-bottom:22px}.page-eyebrow{font-size:10px;letter-spacing:1.8px;color:#7293bd;margin-bottom:9px}.page-top h1{font-size:29px;letter-spacing:-.9px;font-weight:700}.page-top h1 span{color:#93add0}.home-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 23px}.home-heading h1{font-size:29px;letter-spacing:-.8px;font-weight:700}.home-heading-actions{display:flex;align-items:center;gap:8px}.home-heading .page-eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:9px}.searchbox{background:#101d30;border-color:#2c4364;min-width:230px;padding:12px 14px;color:#b4cbed}.searchbox input{font-size:13px}.searchbox .icon{width:18px;height:18px}.searchbox input::placeholder{color:#7c96ba}.button{background:#1677ff;color:#fff;border-radius:7px;padding:12px 17px;font-size:12px;font-weight:650;min-height:42px}.button:hover{background:#3790ff;box-shadow:0 5px 20px #0c69f32b}.button.ghost{border-color:#2d466b;color:#bfd7f8;background:#12233b45}.button.small{padding:9px 12px;min-height:35px;font-size:11px}.text-button{font-size:11px;color:#79b5ff;min-height:32px}.text-button .icon{width:14px;height:14px}
.content-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:0 0 24px}.content-section{display:flex;flex-direction:column;align-items:stretch;position:relative;overflow:hidden;min-height:265px;border:1px solid #2f5689;border-radius:12px;padding:20px;text-align:left;isolation:isolate;background:radial-gradient(ellipse at 75% 15%,#176ee299 0,transparent 66%),linear-gradient(135deg,#10346b,#09172c);box-shadow:0 10px 35px #02050b66;transition:border-color .2s,transform .2s,box-shadow .2s}.content-section:after{content:"";position:absolute;inset:0;border:1px solid #84b4ff08;border-radius:inherit;pointer-events:none;background:linear-gradient(130deg,#91beff08,transparent 70%)}.content-section:hover{border-color:#7db5ff;transform:translateY(-3px);box-shadow:0 0 0 1px #438bf761,0 12px 35px #01050c80}.content-section:focus-visible{outline:3px solid #b5dbff;outline-offset:4px;transform:translateY(-3px)}.tile-topline{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;gap:10px}.tile-index{font-size:11px;color:#9dc9ff;font-weight:600;letter-spacing:1px}.tile-count{font-size:10px;color:#aed1ff;border:1px solid #8dbbfc44;background:#14315b99;border-radius:4px;padding:5px 7px}.tile-art{display:block;height:147px;position:relative;pointer-events:none;margin:3px 0 -10px}.tile-screen{position:absolute;left:50%;top:29px;transform:translateX(-50%) rotate(-8deg);width:137px;height:90px;background:linear-gradient(130deg,#528fe944,#12448666);border:1px solid #79b7ff;border-radius:8px;box-shadow:0 0 24px #1477ef66,inset 0 0 35px #1b6ae680;display:flex;align-items:center;justify-content:center}.tile-screen:before{content:"";position:absolute;inset:8px;border:1px solid #a8cfff33;border-radius:4px;background:linear-gradient(140deg,#4bb0ff19,#05274b33)}.tile-screen .icon{width:51px;height:51px;color:#d2e8ff;stroke-width:1.2;position:relative;z-index:2;filter:drop-shadow(0 0 12px #84b9ff)}.tile-screen>i{position:absolute;width:80px;height:1px;bottom:-13px;background:#70a5f9;box-shadow:0 0 12px #4c8dff}.tile-screen>i:before{content:"";position:absolute;left:36px;bottom:0;width:7px;height:12px;background:#72a7f9}.tile-orbit{position:absolute;width:235px;height:99px;border:1px solid #7baffb33;border-radius:50%;left:50%;top:28px;transform:translateX(-50%) rotate(-23deg);box-shadow:0 0 35px #147bfb1a}.tile-orbit:after{content:"";position:absolute;width:7px;height:7px;background:#9fc7ff;border-radius:50%;box-shadow:0 0 12px #8bc3ff;left:35px;top:7px}.tile-label{display:block;position:relative;z-index:2}.tile-title{display:block;font-size:30px;font-weight:750;letter-spacing:-.9px;line-height:1.1;color:#fff}.tile-subtitle{display:block;font-size:11px;color:#a9c5ed;margin-top:10px;line-height:1.5}.tile-go{position:absolute;right:18px;bottom:25px;width:29px;height:29px;border:1px solid #75a9ec44;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#091a3444;z-index:2}.tile-go .icon{width:15px;height:15px;color:#b2d7ff}
.movie-section{background:radial-gradient(ellipse at 70% 5%,#4734a980 0,transparent 65%),linear-gradient(135deg,#232055,#10162e);border-color:#534d91}.movie-section .tile-count{background:#31235366;color:#c9bff3;border-color:#a697d54d}.movie-section .tile-index{color:#c7b4f4}.movie-section .tile-screen{width:95px;height:117px;top:13px;border-radius:5px;border-color:#c1a7ff;transform:translateX(-50%) rotate(12deg);background:linear-gradient(135deg,#9273cf77,#25124799);box-shadow:-17px 9px 0 -3px #302a5566,-18px 10px 0 -3px #8977b877,0 0 35px #8d61f64d}.movie-section .tile-screen:before{inset:10px 15px;border-color:#d5c1ff44;background:radial-gradient(ellipse at 50% 40%,#cba0e744,transparent 75%)}.movie-section .tile-screen>i{top:0;bottom:0;left:4px;width:4px;height:auto;background:repeating-linear-gradient(to bottom,#ccb7f2aa 0,#ccb7f2aa 6px,transparent 6px,transparent 14px);box-shadow:none}.movie-section .tile-screen>b{top:0;bottom:0;right:4px;position:absolute;width:4px;background:repeating-linear-gradient(to bottom,#ccb7f2aa 0,#ccb7f2aa 6px,transparent 6px,transparent 14px)}.movie-section .tile-screen>i:before{display:none}.movie-section .tile-screen .icon{color:#eee3ff;width:38px;height:38px;filter:drop-shadow(0 0 10px #bc8cff)}.movie-section .tile-orbit{border-color:#b896f936}.movie-section .tile-orbit:after{background:#d5b7ff;box-shadow:0 0 12px #b98dff}.movie-section .tile-subtitle{color:#bfb6d9}.movie-section .tile-go{border-color:#9f8edc44}.movie-section .tile-go .icon{color:#d5c3ff}
.series-section{background:radial-gradient(ellipse at 70% 5%,#16799588 0,transparent 65%),linear-gradient(135deg,#113d54,#0c1d2e);border-color:#2c6c7f}.series-section .tile-count{color:#a5e1ed;border-color:#6ab0c144;background:#18495880}.series-section .tile-index{color:#8ccfdf}.series-section .tile-screen{top:46px;width:133px;height:72px;background:linear-gradient(145deg,#45b1ca66,#123b5066);border-color:#83d7df;transform:translateX(-50%) rotate(-8deg);box-shadow:8px -13px 0 -2px #16485c,9px -14px 0 -2px #6aafc27a,16px -26px 0 -4px #17374b,17px -27px 0 -4px #62b5c055,0 0 30px #34bfdf33}.series-section .tile-screen .icon{color:#c5f4f3}.series-section .tile-screen>i{display:none}.series-section .tile-orbit{border-color:#81e4e530}.series-section .tile-orbit:after{background:#a4f3ee;box-shadow:0 0 12px #6cfaff}.series-section .tile-subtitle{color:#a5ccd2}.series-section .tile-go{border-color:#72bbc444}.series-section .tile-go .icon{color:#a5e6ed}
.live-feature{min-height:235px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;margin-bottom:28px;border:1px solid #27446a;border-radius:12px;background:#101e31}.live-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#091321 0,#091321f5 10%,#091321c9 42%,#09132122 75%);z-index:-1}.stadium-art{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 40%,#31719c55,transparent 53%),linear-gradient(170deg,#092037,#07121b);z-index:-2;overflow:hidden}.stadium-rings{position:absolute;width:660px;height:235px;right:-70px;top:-130px;border:35px double #b0daf52b;border-radius:50%;transform:rotate(-12deg);box-shadow:0 7px 18px #addcff44,inset 0 -5px 25px #8dc5ef55}.stadium-rings:after{content:"";position:absolute;inset:-16px;border:4px dotted #d5f2ff;border-radius:50%;filter:drop-shadow(0 0 5px #b7e6ff)}.stadium-pitch{position:absolute;width:500px;height:260px;right:-20px;bottom:-160px;transform:perspective(300px) rotateX(40deg) rotateZ(-12deg);background:repeating-linear-gradient(90deg,#1d564f77 0,#1d564f77 45px,#28675a88 45px,#28675a88 90px);border:2px solid #b6e5de77;box-shadow:0 0 35px #4f959b22}.stadium-pitch:before{content:"";position:absolute;width:90px;height:90px;border:2px solid #b1e6e277;border-radius:50%;left:42%;top:32%}.stadium-pitch:after{content:"";position:absolute;left:50%;width:2px;height:100%;background:#b1e6e277}.stadium-ball{position:absolute;right:21%;top:89px;width:65px;height:65px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#e9f4f9,#a0b7c3 45%,#384e61 85%);box-shadow:12px 20px 32px #03091488,0 0 30px #cbebff15;transform:rotate(-20deg)}.stadium-ball:before{content:"";position:absolute;top:21px;left:21px;width:23px;height:23px;clip-path:polygon(50% 0,100% 40%,80% 100%,20% 100%,0 40%);background:#16283e}.stadium-ball:after{content:"";position:absolute;inset:7px;border:2px solid #29415666;border-radius:50%;transform:skew(-15deg)}.live-feature-copy{padding:27px 30px;position:relative}.live-event-label{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1.4px;color:#f3b2b7;font-weight:650}.live-event-label i{width:6px;height:6px;border-radius:50%;background:#ff5569;box-shadow:0 0 9px #ff5c6c55}.live-feature h2{font-size:29px;font-weight:700;letter-spacing:-.8px;line-height:1.15;margin-top:14px}.live-feature h2 span{color:#a6c5ed}.live-feature p{font-size:11px;color:#8da8cd;margin:12px 0 17px}.live-feature .button{font-size:11px;min-height:38px;padding:10px 13px}.live-feature-badge{position:absolute;right:30px;bottom:26px;display:flex;align-items:center;gap:10px;color:#cbe5ff}.live-feature-badge>.icon{width:31px;height:31px;stroke-width:1.5}.live-feature-badge>span:not(.live-hd){font-size:8px;letter-spacing:2px;line-height:1.6}.live-feature-badge strong{font-size:21px;letter-spacing:2px;color:#fff}.live-hd{font-size:9px;border:1px solid #6590b855;padding:4px;align-self:flex-end;margin-bottom:3px}
.section-head{margin-bottom:15px}.section-head h2{font-size:19px;letter-spacing:-.3px;font-weight:650}.section-head h2 span{font-size:10px;color:#6783aa;margin-left:12px}.home-live{margin-bottom:31px}.live-channel-shelf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.live-channel-tile{display:flex;flex-direction:column;min-width:0;padding:13px;text-align:left;border-radius:9px;border:1px solid #253e5c;background:linear-gradient(150deg,#13233a,#0a1525);transition:.2s}.live-channel-tile:hover{border-color:#609cf5;background:#172d4b;transform:translateY(-3px)}.live-channel-top{display:flex;align-items:center;justify-content:space-between}.channel-number{font-size:10px;color:#7493b9;letter-spacing:1px}.live-mini{font-size:7px;letter-spacing:1px;color:#809bbf;border:1px solid #385778;padding:3px 4px;border-radius:3px}.live-channel-logo{height:73px;margin:5px 0 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c4e0ff}.live-channel-logo small{font-size:8px;letter-spacing:2px;line-height:1.6;color:#90baff}.live-channel-logo strong{font-size:18px;letter-spacing:.4px;font-weight:800}.live-channel-logo.sport{color:#7bdfa2}.live-channel-logo.sport small{color:#8bccac}.live-channel-logo.world{color:#89d6ce}.live-channel-logo.music{color:#d5a6f6}.live-channel-logo.news{color:#f5b99b}.live-channel-logo.kids{color:#f3cf67}.live-channel-programme{font-size:11px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.live-channel-time{font-size:9px;color:#6c87ac;margin:7px 0 11px}.progress-track{height:3px;background:#233b5b;border-radius:3px;display:block;width:100%;overflow:hidden}.progress-track>span{display:block;height:3px;background:#348bff;border-radius:3px}
.home-library{margin-top:28px}.poster-shelf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.poster-shelf .library-card .poster{height:auto;aspect-ratio:2/3}.content-card{border-radius:9px;border-color:#243850;background:#0d1727}.content-card:hover{border-color:#599dff;box-shadow:0 0 0 1px #3767a133,0 10px 30px #0007}.library-card .content-info{padding:12px}.library-card .content-info h3{font-size:12px;line-height:1.5;font-weight:650}.library-card .content-info p{font-size:9px;color:#7d97bc;margin-top:7px}.poster{isolation:isolate}.poster:before,.poster:after{box-shadow:none;transform:none}.poster .quality-tag{right:10px;top:10px;background:#05101bba;font-size:8px;padding:4px 5px;border-color:#b3ccdd44;z-index:5}.poster-title{position:absolute;bottom:30px;left:0;right:0;z-index:4;font-size:21px;line-height:1.05;letter-spacing:1px;font-weight:800;text-align:center;padding:12px 10px;text-shadow:0 2px 5px #0008;overflow-wrap:anywhere}.poster-title small{font-size:6px;letter-spacing:2px;line-height:1.5;margin-bottom:9px;color:#d5e3efb3}.poster-duration{font-size:8px;bottom:10px;z-index:5;color:#cfdfed}.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#040912ee,transparent 64%);width:auto;height:auto;border:0;border-radius:0;z-index:2}.poster-scene{position:absolute;inset:0;display:block;overflow:hidden;z-index:1}.poster-scene i,.poster-scene b{position:absolute;display:block}
.poster.space{background:radial-gradient(ellipse at 50% 45%,#5b71a5 0,transparent 32%),linear-gradient(165deg,#102648,#161a35 55%,#090e1c)}.poster.space:before{content:"";position:absolute;width:82%;height:auto;aspect-ratio:1;border-radius:50%;border:1px solid #a6c5ffdd;background:#121631;left:9%;top:10%;bottom:auto;box-shadow:-4px -5px 25px #9bc9ff77,inset 8px 9px 30px #56679255;transform:rotate(-28deg)}.space .poster-scene:before{content:"";position:absolute;width:180%;height:26%;left:-40%;top:39%;border:1px solid #c3deff77;border-radius:50%;transform:rotate(-25deg);box-shadow:0 -2px 12px #8fb2ff44}.space .poster-scene i{width:13%;height:24%;left:44%;top:45%;background:#040b1b;border-radius:40% 40% 4px 4px;box-shadow:0 15px 0 -4px #020a17}.space .poster-scene i:before{content:"";position:absolute;width:75%;height:35%;border-radius:50%;left:13%;top:-22%;background:#061020;border:1px solid #697ca555}.space .poster-scene b{height:1px;width:3px;top:15%;left:24%;box-shadow:50px 8px #b1d0e9,16px 33px #9cc1de,70px 45px #a4a3d8,-17px 73px #b5c7df,37px -16px #9faac8;background:#bbd5ea}
.poster.sport{background:radial-gradient(ellipse at 60% 25%,#df7c57 0,transparent 65%),linear-gradient(155deg,#301d31,#101e32 75%)}.poster.sport:before{content:"";position:absolute;width:180%;height:75%;left:-40%;top:40%;border:1px solid #eeb69a77;border-radius:50%;background:repeating-linear-gradient(0deg,#24304c 0,#24304c 18px,#e4986b22 18px,#e4986b22 19px);transform:rotate(-35deg);box-shadow:0 -5px 20px #ffb58244}.sport .poster-scene i{width:59%;height:17%;border:1px solid #fbaf85;left:23%;top:41%;border-radius:50% 50% 12% 12%;background:linear-gradient(#501b24,#e05135 70%,#451822);transform:rotate(-14deg);box-shadow:0 5px 18px #0009}.sport .poster-scene i:before,.sport .poster-scene i:after{content:"";position:absolute;width:14%;height:35%;background:#080d1d;border:2px solid #b1756666;border-radius:50%;bottom:-13%}.sport .poster-scene i:before{left:12%}.sport .poster-scene i:after{right:12%}.sport .poster-scene b{width:37%;height:6%;left:35%;top:39%;border:1px solid #6d8094;background:#112234;border-radius:70% 70% 0 0;transform:rotate(-14deg)}
.poster.world{background:linear-gradient(165deg,#4f9eab,#1f505c 44%,#0b2538)}.poster.world:before{content:"";position:absolute;inset:18% -10% 0;width:auto;height:auto;border:0;background:linear-gradient(135deg,#d3e8de,#274f58 45%,#0c3040);clip-path:polygon(0 58%,26% 19%,45% 42%,66% 0,100% 55%,100% 100%,0 100%);border-radius:0;transform:none}.world .poster-scene i{inset:47% -5% 0;background:linear-gradient(125deg,#1b6a67,#123d45 55%,#0d2538);clip-path:polygon(0 35%,22% 0,40% 25%,58% 10%,100% 50%,100% 100%,0 100%)}.world .poster-scene b{width:18%;height:15%;right:14%;top:13%;border-radius:50%;background:#d9ebe088;box-shadow:0 0 25px #bbe5dc44}
.poster.music{background:radial-gradient(ellipse at 45% 26%,#c270b5 0,transparent 57%),linear-gradient(160deg,#352153,#11223a)}.poster.music:before{content:"";position:absolute;inset:35% 0 0;width:auto;height:auto;border:0;background:#0a1430;clip-path:polygon(0 37%,9% 37%,9% 19%,20% 19%,20% 40%,30% 40%,30% 0,41% 0,41% 31%,52% 31%,52% 13%,64% 13%,64% 38%,75% 38%,75% 4%,85% 4%,85% 29%,100% 29%,100% 100%,0 100%);border-radius:0}.music .poster-scene i{height:58%;width:50%;top:8%;left:23%;border:1px solid #e2b7f488;border-radius:70% 70% 0 0;box-shadow:inset 0 0 30px #df8dce22,0 0 40px #ee8ed022;transform:rotate(15deg)}.music .poster-scene b{width:60%;height:2px;left:24%;top:55%;background:#9b88ec;box-shadow:0 0 9px #c68eff;transform:rotate(-35deg)}
.poster.news{background:radial-gradient(ellipse at 45% 15%,#357f99 0,transparent 53%),linear-gradient(170deg,#152e49,#050c1c)}.poster.news:before{content:"";position:absolute;inset:21% -3% 0;width:auto;height:auto;border:0;background:linear-gradient(90deg,#0b172a,#19394b 48%,#10192d);clip-path:polygon(0 19%,13% 19%,13% 8%,24% 8%,24% 29%,37% 29%,37% 0,49% 0,49% 13%,61% 13%,61% 37%,70% 37%,70% 17%,83% 17%,83% 25%,100% 25%,100% 100%,0 100%);border-radius:0}.news .poster-scene i{inset:25% 12% 25%;background:repeating-linear-gradient(90deg,transparent 0,transparent 9px,#c6dfeb1a 10px,#c6dfeb1a 11px);transform:skewY(-12deg)}.news .poster-scene b{height:48%;width:1px;left:53%;top:12%;background:#d4c8b888;box-shadow:0 0 18px #fff7d9,40px 30px 0 #67c8d477}
.poster.kids{background:radial-gradient(ellipse at 40% 25%,#d2c27c77,transparent 45%),linear-gradient(155deg,#5e7294,#303d75 62%,#162b45)}.poster.kids:before{content:"";position:absolute;width:53%;height:40%;border-radius:50%;left:23%;top:22%;background:radial-gradient(ellipse at 35% 20%,#c1d7a3,#71a08d 50%,#274c73);box-shadow:0 0 30px #c0d7bd22;transform:rotate(-20deg)}.kids .poster-scene i{width:80%;height:20%;border:1px solid #b8c6f6bb;border-radius:50%;left:9%;top:37%;transform:rotate(-25deg);box-shadow:0 0 15px #d8d7a733}.kids .poster-scene b{width:13%;height:10%;left:17%;top:14%;background:#f0dc89;clip-path:polygon(50% 0,62% 36%,100% 39%,70% 61%,80% 100%,50% 77%,17% 100%,28% 60%,0 39%,37% 34%);box-shadow:0 0 15px #e4d38a}
.library-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.library-card .poster{height:auto;aspect-ratio:2/3}.library-card .poster-title{font-size:clamp(17px,1.9vw,27px);padding:12px;letter-spacing:.7px}.library-type{font-size:8px;color:#80b8ff}.library-card .content-info h3{font-size:14px}.library-card .content-info p{font-size:11px;color:#879fc1}.library-details{font-size:10px;color:#79b5ff}.catalog-count,.subheading{font-size:12px;color:#839cc0;line-height:1.7}.subheading{margin-top:-7px;margin-bottom:20px}.filter-bar{gap:8px}.filter-chip{font-size:12px;padding:10px 15px;border-radius:6px;border-color:#2a4364;background:#0e1b2e;color:#8da9ce}.filter-chip.active{background:#1677ff;color:white;border-color:#3f91ff}.filter-chip:hover{border-color:#569aff;color:#fff}
.channel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.channel-card{background:#0d192b;border-color:#263f5e;border-radius:10px}.channel-card .poster{height:135px}.channel-card .poster-title{font-size:26px;bottom:23px}.channel-card .poster-scene{opacity:.55}.channel-card .content-info{padding:17px}.channel-head h3{font-size:13px}.channel-head small{font-size:10px;color:#7798c2}.channel-head .channel-logo{width:33px;height:33px;font-size:10px;border-radius:7px}.channel-programme{font-size:13px;margin-top:15px}.channel-time{font-size:11px;color:#7c98bf}.card-actions{margin-top:17px}.favorite-button{height:34px;width:34px;border-radius:7px}.favorite-button.active{color:#73afff}.guide{border-color:#2d4769}.guide-header,.guide-row{grid-template-columns:160px repeat(3,minmax(145px,1fr))}.guide-header{font-size:10px}.guide-channel strong{font-size:12px}.guide-cell strong{font-size:12px;line-height:1.5}.guide-cell small,.guide-cell>span{font-size:10px}.guide-cell.current{background:#143569;border-color:#297aff}.guide-controls p{font-size:12px;color:#87a0c2}
.quick-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:30px}.feature-tile{padding:17px 15px;border-radius:9px;border-color:#254363;background:#0f1c2f;gap:12px}.feature-tile h3{font-size:12px;font-weight:650}.feature-tile p{font-size:10px;color:#7799c5;line-height:1.5}.feature-tile>.icon{color:#77b1ff;width:22px;height:22px}.feature-tile>.icon:last-child{width:14px}.app-footer{font-size:9px;color:#526e94;margin-top:24px;padding-top:22px;border-color:#1f3550}.key-tips{font-size:9px}.key-tips kbd{border-color:#2b4669;color:#7d9fcf}.modal{background:#0e1b2e;border-color:#355477;border-radius:13px}.modal>.poster{height:220px;aspect-ratio:auto}.modal>.poster .poster-title{bottom:24px;font-size:33px}.modal>.poster:before{max-width:250px;max-height:200px;left:calc(50% - 125px)}.modal h2{font-size:25px}.modal-copy{font-size:13px!important;line-height:1.8}.modal .eyebrow{font-size:10px}.modal .notice{font-size:12px}.safety-caption{font-size:11px!important}.episode-row{padding:17px 0}.episode-info strong{font-size:14px}.episode-info small{font-size:12px}.episode-number{height:39px;width:39px;font-size:14px;background:#123467;border-color:#2e629d;color:#a9d0ff}.episode-list h3{font-size:15px}.episode-list h3 span{font-size:12px}.programme-row strong{font-size:13px}.programme-row p{font-size:11px}.programme-row>small{font-size:10px;width:85px}.settings-row h3{font-size:14px}.settings-row p{font-size:12px;line-height:1.7}.pair-demo-code{font-size:32px}.notification-item h3{font-size:14px}.notification-item p{font-size:12px}.notification-item small{font-size:10px}#toast{font-size:12px;background:#17365d;border-color:#426fa5}
.admin-title h1{font-size:29px}.admin-subtitle{font-size:13px}.panel{border-color:#263f5e;background:#0d192b}.panel h2{font-size:19px}.panel-description{font-size:12px;line-height:1.8}.field label{font-size:12px}.field input,.field select,.field textarea{font-size:13px;background:#0a1526;border-color:#2d486a;padding:12px}.field small{font-size:11px;line-height:1.7}.notice{font-size:12px;line-height:1.8;border-color:#254b7d;background:#12305755}.notice.subtle{background:#0f223b99}.stat-card{border-color:#263f5e;background:#0d192b}.stat-card p{font-size:12px}.flow-step h3{font-size:13px}.flow-step p{font-size:12px;line-height:1.7}.table-wrap{border-color:#263f5e}.table-wrap td{font-size:12px}.table-wrap th{font-size:10px}.login-page{background:#070e19}.login-art{background:radial-gradient(ellipse at 85% 25%,#144ca855,transparent 65%),linear-gradient(140deg,#0a1628,#09101b);border-color:#243e60}.login-art:after{border-color:#5f94d133;background:radial-gradient(circle,#1f5fac33,transparent 68%)}.login-copy h1{font-weight:700}.login-copy h1 span{color:#69aaff}.login-copy p{font-size:13px;line-height:1.9;color:#8aa7cf}.login-card h2{font-size:29px}.login-card>p{font-size:13px;line-height:1.8}.login-card .field label{font-size:13px}.login-card .field input{font-size:14px}.login-card .button{font-size:13px}
@media(min-width:1550px){:root{--rail:210px}.main{padding:35px 40px 23px}.topbar{padding:0 40px}.content-sections{gap:22px}.content-section{min-height:300px;padding:24px}.tile-art{height:175px}.tile-screen{top:39px;transform:translateX(-50%) rotate(-8deg) scale(1.15)}.movie-section .tile-screen{top:29px;transform:translateX(-50%) rotate(12deg) scale(1.15)}.series-section .tile-screen{top:58px;transform:translateX(-50%) rotate(-8deg) scale(1.15)}.tile-title{font-size:36px}.tile-subtitle{font-size:12px}.tile-orbit{top:48px;transform:translateX(-50%) rotate(-23deg) scale(1.15)}.live-feature{min-height:270px}.live-feature-copy{padding:30px 34px}.live-feature h2{font-size:34px}.live-feature p{font-size:12px}.live-channel-logo{height:90px}.live-channel-logo strong{font-size:22px}.live-channel-programme{font-size:12px}.live-channel-time{font-size:10px}.home-heading h1{font-size:33px}.poster-shelf .poster-title{font-size:25px}.poster-shelf .content-info h3{font-size:13px}.poster-shelf .content-info p{font-size:10px}}
@media(max-width:1200px){:root{--rail:170px}.topbar{padding:0 24px;gap:16px}.brand-name{font-size:18px}.brand-sub{font-size:8px;letter-spacing:2.2px}.brand-mark{width:42px;height:40px}.brand-mark .icon{width:27px;height:27px}.screen-clock{display:none}.main{padding:25px 24px 18px}.nav-button{font-size:12px;padding:12px 10px;gap:10px}.rail-bottom .nav-button{font-size:11px}.connection-card .eyebrow{font-size:8px}.content-section{padding:18px;min-height:245px}.tile-art{height:130px}.tile-title{font-size:28px}.tile-subtitle{font-size:10px;max-width:calc(100% - 26px)}.tile-count{font-size:9px}.tile-screen{transform:translateX(-50%) rotate(-8deg) scale(.9);top:24px}.movie-section .tile-screen{transform:translateX(-50%) rotate(12deg) scale(.9);top:11px}.series-section .tile-screen{transform:translateX(-50%) rotate(-8deg) scale(.9);top:39px}.tile-orbit{transform:translateX(-50%) rotate(-23deg) scale(.88);top:23px}.tile-go{bottom:22px;right:15px;width:25px;height:25px}.live-channel-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}.live-channel-tile{padding:13px}.live-channel-logo{height:68px}.poster-shelf{grid-template-columns:repeat(6,minmax(130px,1fr));overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px}.poster-shelf .content-card{scroll-snap-align:start}.poster-shelf .poster-title{font-size:18px}.poster-shelf .library-card .content-info{padding:12px 10px}.poster-shelf .library-card .content-info h3{font-size:11px}.poster-shelf .library-card .content-info p{font-size:9px}.quick-features{gap:10px}.feature-tile{padding:15px 12px;gap:10px}.feature-tile h3{font-size:11px}.feature-tile p{font-size:9px}.feature-tile>.icon{width:19px;height:19px}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.channel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.channel-card .content-info{padding:14px}.channel-head h3{font-size:12px}.channel-head small{font-size:9px}.channel-head .channel-logo{width:28px;height:28px}.channel-programme{font-size:12px}.channel-time{font-size:10px}.card-actions .button{font-size:10px;padding:8px 10px}.card-actions .text-button{font-size:10px}}
@media(max-width:1000px){.top-actions{gap:9px}.profile-button>div,.profile-button>.icon{display:none}.home-heading h1{font-size:26px}.home-heading .page-eyebrow{font-size:8px}.home-heading-actions .button{font-size:10px}.content-sections{gap:12px}.content-section{padding:15px;min-height:230px}.tile-art{height:120px}.tile-title{font-size:26px}.tile-subtitle{font-size:10px;line-height:1.5;max-width:100%}.tile-count{font-size:8px;padding:4px 5px}.tile-index{font-size:9px}.tile-go{display:none}.tile-screen{transform:translateX(-50%) rotate(-8deg) scale(.78)}.movie-section .tile-screen{transform:translateX(-50%) rotate(12deg) scale(.78);top:5px}.series-section .tile-screen{transform:translateX(-50%) rotate(-8deg) scale(.78);top:33px}.tile-orbit{transform:translateX(-50%) rotate(-23deg) scale(.7)}.live-feature{min-height:220px}.live-feature-copy{padding:24px}.live-feature h2{font-size:27px}.live-feature p{font-size:11px;max-width:250px}.live-feature-badge{right:22px;bottom:20px}.live-feature-badge strong{font-size:16px}.live-feature-badge>.icon{width:25px}.stadium-ball{right:17%;width:55px;height:55px}.stadium-ball:before{top:17px;left:17px;width:21px;height:21px}.stadium-rings{right:-200px}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-features{grid-template-columns:1fr}.feature-tile{padding:16px;gap:13px}.feature-tile h3{font-size:12px}.feature-tile p{font-size:11px}.feature-tile>.icon{width:22px;height:22px}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.library-card .content-info{padding:12px}.library-card .content-info h3{font-size:13px}.library-card .content-info p{font-size:10px}.page-top h1{font-size:27px}.searchbox{min-width:190px}.key-tips{display:none}}
@media(max-width:760px){:root{--rail:0px}.demo-banner{height:36px;min-height:36px;padding:7px 12px;font-size:10px;line-height:1.5}.demo-on .topbar{top:36px}.topbar{height:74px;padding:12px 18px;gap:10px;flex-wrap:wrap}.demo-on .topbar{height:112px;align-content:center;row-gap:10px}.brand{gap:8px;order:0}.brand-mark{height:36px;width:39px;border-radius:9px}.brand-mark .icon{width:25px;height:25px}.brand-name{font-size:17px;letter-spacing:-.5px}.brand-sub{font-size:7px;letter-spacing:2.1px;margin-top:5px}.view-switch{order:3;width:100%;margin:0;padding:2px;border-radius:6px;background:#0a1424}.view-switch button{width:50%;justify-content:center;padding:6px;font-size:10px;min-height:28px}.view-switch button .icon{width:14px;height:14px}.top-actions{margin-left:auto;gap:8px;order:1}.profile-button{padding:0}.avatar{height:31px;width:31px;border-radius:8px;font-size:11px}.mobile-menu{display:flex;width:29px;height:31px}.mobile-menu .icon{width:21px;height:21px}.screen-clock,.top-actions>.notification-button{display:none}.layout{display:block;min-height:calc(100vh - 74px)}.sidebar{top:74px;height:calc(100vh - 74px);width:235px;padding:26px 15px 18px;transform:translateX(-110%);background:#091321;box-shadow:15px 0 45px #000b}.demo-on .sidebar{top:148px;height:calc(100vh - 148px)}.sidebar.open{transform:translateX(0)}.nav-button{font-size:14px;gap:13px;padding:13px}.nav-button .icon{width:20px;height:20px}.rail-label{font-size:10px}.rail-bottom .nav-button{font-size:13px;padding:12px}.connection-card .eyebrow{font-size:9px}.connection-card strong{font-size:12px}.connection-card p{font-size:11px}.main{padding:23px 18px 18px}.home-heading{align-items:center;margin-bottom:19px;gap:10px}.home-heading h1{font-size:25px;line-height:1.15;letter-spacing:-.7px}.home-heading .page-eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:8px}.home-heading-actions>.button{display:none}.home-heading-actions>.icon-button{height:36px;width:36px;background:#122540;border:1px solid #2b4b74}.home-heading-actions .icon{width:19px}.content-sections{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:20px}.content-section{min-height:187px;padding:12px 10px;border-radius:10px;display:flex;align-items:stretch}.tile-topline{justify-content:flex-start}.tile-index{font-size:8px;letter-spacing:1px}.tile-count{font-size:7px;padding:3px 4px;margin-left:auto;border-color:#8fb9f122}.tile-art{height:100px;margin:0 -10px -1px}.tile-screen{top:13px;transform:translateX(-50%) rotate(-8deg) scale(.53)}.movie-section .tile-screen{top:-4px;transform:translateX(-50%) rotate(12deg) scale(.53)}.series-section .tile-screen{top:24px;transform:translateX(-50%) rotate(-8deg) scale(.53)}.tile-orbit{top:10px;transform:translateX(-50%) rotate(-23deg) scale(.45)}.tile-title{font-size:21px;letter-spacing:-.6px;line-height:1.1}.tile-subtitle{font-size:8px;line-height:1.5;margin-top:7px;min-height:24px;max-width:100%}.tile-go{display:none}.live-feature{min-height:220px;margin-bottom:24px;border-radius:10px}.live-feature-copy{padding:23px 20px;z-index:2}.live-event-label{font-size:8px;letter-spacing:1.2px}.live-feature h2{font-size:26px;line-height:1.13;margin-top:13px;letter-spacing:-.6px}.live-feature p{font-size:10px;max-width:220px;line-height:1.6;margin:11px 0 15px}.live-feature .button{font-size:10px;min-height:36px;padding:9px 11px}.live-feature:after{background:linear-gradient(90deg,#091321f0 0,#091321c9 42%,#09132133 100%)}.live-feature-badge{display:none}.stadium-ball{right:8%;top:87px;width:58px;height:58px;opacity:.8}.stadium-ball:before{top:19px;left:19px;width:21px;height:21px}.stadium-rings{right:-245px;top:-145px;width:560px}.stadium-pitch{right:-215px;bottom:-130px}.section-head{margin-bottom:13px;gap:10px}.section-head h2{font-size:18px;line-height:1.3}.section-head h2 span{display:none}.text-button{font-size:11px;min-height:30px}.home-live{margin-bottom:24px}.live-channel-shelf{grid-template-columns:repeat(6,minmax(141px,1fr));gap:10px;overflow-x:auto;padding:2px 1px 10px;scroll-snap-type:x proximity}.live-channel-tile{padding:12px;scroll-snap-align:start;border-radius:8px}.live-channel-logo{height:70px;margin-top:5px}.live-channel-logo strong{font-size:19px}.live-channel-logo small{font-size:8px}.live-channel-top .channel-number{font-size:9px}.live-mini{font-size:7px}.live-channel-programme{font-size:11px}.live-channel-time{font-size:9px}.home-library{margin-top:23px}.poster-shelf{grid-template-columns:repeat(6,minmax(143px,1fr));gap:11px;padding-bottom:8px}.poster-shelf .poster-title{font-size:19px;bottom:22px;padding:12px 9px}.poster-shelf .poster-title small{font-size:6px;letter-spacing:1.5px}.poster-shelf .library-card .content-info{padding:11px 10px 12px}.poster-shelf .library-card .content-info h3{font-size:11px;line-height:1.5}.poster-shelf .library-card .content-info p{font-size:9px;line-height:1.6}.quick-features{margin-top:23px;gap:10px}.feature-tile{padding:15px;gap:13px;border-radius:8px}.feature-tile h3{font-size:13px}.feature-tile p{font-size:11px;margin-top:5px}.feature-tile>.icon{width:22px}.page-top{align-items:center;gap:15px;margin-bottom:19px}.page-top h1{font-size:26px;font-weight:700;letter-spacing:-.7px}.page-eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:8px}.searchbox{width:150px;min-width:0;padding:10px 11px;margin:0;border-radius:8px;gap:7px}.searchbox input{font-size:11px}.searchbox .icon{width:15px;height:15px}.searchbox kbd{display:none}.subheading{font-size:11px;line-height:1.7;margin-top:0;margin-bottom:18px}.catalog-count{font-size:11px;margin-bottom:12px}.filter-bar{gap:7px;margin:18px 0}.filter-chip{font-size:11px;padding:9px 12px;border-radius:6px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.library-grid .library-card .poster{height:auto;aspect-ratio:2/3}.library-grid .poster-title{font-size:21px;padding:12px 9px;bottom:24px}.library-card .content-info{padding:12px 11px}.library-card .content-info h3{font-size:13px;line-height:1.5}.library-card .content-info p{font-size:10px;line-height:1.6}.library-type{font-size:8px}.library-details{font-size:10px;min-height:22px}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.channel-card .poster{height:115px}.channel-card .poster-title{font-size:20px;bottom:17px}.channel-card .poster-title small{font-size:6px;letter-spacing:1px}.channel-card .content-info{padding:13px 10px}.channel-head{gap:7px}.channel-head .channel-logo{display:none}.channel-head h3{font-size:11px;line-height:1.4}.channel-head small{font-size:9px;line-height:1.4}.favorite-button{height:28px;width:28px;flex-shrink:0}.favorite-button .icon{width:16px;height:16px}.channel-programme{font-size:12px;margin-top:15px;line-height:1.5}.channel-time{font-size:10px;line-height:1.6}.card-actions{gap:6px;flex-wrap:wrap;margin-top:13px}.card-actions .button{font-size:10px;padding:8px 10px;min-height:32px}.card-actions .text-button{font-size:9px;min-height:27px}.card-actions .text-button .icon{display:block;width:11px}.guide-header,.guide-row{grid-template-columns:120px repeat(3,minmax(150px,1fr));min-width:650px}.guide-header{font-size:10px}.guide-channel{padding:14px 9px;gap:8px}.guide-channel strong{font-size:11px}.guide-cell{padding:14px}.guide-cell strong{font-size:12px}.guide-cell small,.guide-cell>span{font-size:10px}.guide-controls p{font-size:11px;line-height:1.7}.modal{padding:23px;border-radius:12px;max-height:90vh}.overlay{padding:15px}.modal>.poster{margin:-23px -23px 23px;height:210px}.modal>.poster .poster-title{font-size:27px;bottom:16px}.modal h2{font-size:23px}.modal .eyebrow{font-size:9px;line-height:1.7}.modal-copy{font-size:12px!important;line-height:1.8}.modal .notice{font-size:11px;line-height:1.8}.modal .button{font-size:11px;padding:11px 13px;min-height:39px}.safety-caption{font-size:10px!important;line-height:1.7}.episode-info strong{font-size:13px}.episode-info small{font-size:11px}.episode-number{height:34px;width:34px;font-size:13px}.episode-list h3{font-size:14px}.episode-list h3 span{font-size:11px}.programme-row strong{font-size:12px}.programme-row p{font-size:10px}.programme-row>small{font-size:9px;width:71px}.settings-row h3{font-size:13px}.settings-row p{font-size:11px}.notification-item h3{font-size:13px}.notification-item p{font-size:11px}.notification-item small{font-size:9px}.modal-actions{gap:9px}.app-footer{font-size:8px;line-height:1.7;margin-top:22px;padding-top:20px}.app-footer>span:last-child{display:none}#toast{font-size:11px;padding:12px 16px;line-height:1.7;bottom:20px}.admin-context{font-size:9px;gap:6px;margin-left:auto;margin-right:0}.admin-title h1{font-size:26px}.admin-subtitle{font-size:12px;line-height:1.8}.admin-title.page-top>.button{font-size:10px;padding:10px 12px}.stats{gap:11px}.stat-card p{font-size:11px}.panel{padding:19px}.panel h2{font-size:17px}.panel-description{font-size:12px;line-height:1.8}.notice{font-size:11px;padding:13px;line-height:1.8}.field label{font-size:12px}.field input,.field select,.field textarea{font-size:13px;padding:12px}.field small{font-size:11px}.table-wrap td{font-size:11px}.table-wrap th{font-size:9px}.table-actions .button{font-size:10px;padding:7px 9px}.login-art{padding:29px 24px 35px}.login-copy h1{font-size:34px;line-height:1.2}.login-copy p{font-size:12px;line-height:1.8}.login-form-wrap{padding:35px 24px}.login-card h2{font-size:26px}.login-card>p{font-size:12px;margin-bottom:25px}.login-card .field{margin-bottom:19px}.login-card .field label{font-size:12px}.login-card .field input{font-size:14px}.login-card .button{font-size:13px;min-height:45px}.login-card .safety-caption{font-size:10px!important;line-height:1.8}}
@media(max-width:360px){.topbar{padding-left:14px;padding-right:14px}.brand-name{font-size:16px}.brand-mark{width:34px;height:33px}.brand-mark .icon{width:23px;height:23px}.brand-sub{letter-spacing:1.8px;font-size:6px}.top-actions{gap:5px}.main{padding-left:14px;padding-right:14px}.home-heading h1{font-size:23px}.home-heading .page-eyebrow{font-size:7px;letter-spacing:1.2px}.content-sections{gap:7px}.content-section{padding:11px 8px;min-height:175px}.tile-count{font-size:6px;padding:3px}.tile-title{font-size:19px}.tile-subtitle{font-size:7px}.tile-art{height:94px}.tile-topline{gap:3px}.live-feature h2{font-size:24px}.live-feature-copy{padding:22px 17px}.library-grid{gap:11px}.searchbox{width:135px}.page-top h1{font-size:24px}.library-grid .poster-title{font-size:19px}.library-card .content-info h3{font-size:12px}}
/* Keep every menu item reachable on short TV/phone viewports. */
.sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.sidebar>nav,.sidebar>.rail-label{flex-shrink:0}
@media(max-width:760px){.admin-context span{display:none}.admin-context{margin-left:auto;margin-right:0}.topbar:has(.admin-context) .top-actions{margin-left:0}.content-sections{grid-template-columns:1fr;gap:10px}.content-section{min-height:112px;padding:17px 19px;justify-content:flex-end}.tile-topline{position:absolute;left:20px;top:15px;z-index:3;justify-content:flex-start;gap:9px}.tile-index{display:none}.tile-count{font-size:9px;padding:0;margin:0;background:none;border:0;letter-spacing:.4px;color:#91bafb}.tile-art{position:absolute;height:128px;width:160px;right:8px;top:-12px;margin:0;opacity:.9}.tile-screen{top:23px;transform:translateX(-50%) rotate(-8deg) scale(.73)}.movie-section .tile-screen{top:10px;transform:translateX(-50%) rotate(12deg) scale(.7)}.series-section .tile-screen{top:38px;transform:translateX(-50%) rotate(-8deg) scale(.73)}.tile-orbit{top:23px;transform:translateX(-50%) rotate(-23deg) scale(.61)}.tile-label{padding-right:115px}.tile-title{font-size:25px;line-height:1.15;letter-spacing:-.6px}.tile-subtitle{font-size:11px;min-height:0;margin-top:6px;line-height:1.5;white-space:nowrap}.tile-go{display:none}.movie-section .tile-count{color:#b7a4ed;background:none;border:0}.series-section .tile-count{color:#85c7d5;background:none;border:0}}
@media(max-width:360px){.content-section{padding:17px;min-height:110px}.tile-topline{left:18px}.tile-title{font-size:24px}.tile-subtitle{font-size:10px}.tile-art{right:-7px;width:143px;opacity:.75}.tile-label{padding-right:100px}}
.sidebar>.rail-bottom{flex-shrink:0}
@media(max-width:760px){.pair-demo-code{font-size:26px;letter-spacing:4px}}
@media(max-width:360px){.phone-pair-demo{gap:14px}.pair-demo-code{font-size:24px;letter-spacing:4px}}
/* IPTV Italiano 1.0.5 — cinematic Home and channel updates. */
:root{--bg:#070b13;--panel:#0d1523;--line:#24334a;--text:#f6f8fc;--muted:#8d9db5;--blue:#4b94ff;--rail:194px;background:#070b13}
body{background:radial-gradient(ellipse at 45% 0,#13244040,transparent 50%),#070b13}.main{max-width:1920px;padding:30px 34px 24px}.brand-mark{background:none;box-shadow:none;width:44px;height:44px}.brand-mark img{display:block;width:44px;height:44px;object-fit:contain}.brand-name{font-weight:800;letter-spacing:-.45px;font-size:20px}.brand-name span{color:#d7e7ff}.brand-sub{letter-spacing:2.35px;font-size:8px;color:#7894b9}.topbar{height:82px;background:#090e18e8;border-color:#23314b66}.sidebar{top:82px;height:calc(100vh - 82px);background:#090e18a8;border-color:#23314b66;padding-top:30px}.demo-on .sidebar{top:113px;height:calc(100vh - 113px)}.nav-button{font-size:12px;color:#8da0bc;padding:12px 13px;border-radius:8px;gap:12px;margin-bottom:7px}.nav-button.active{color:#d9eaff;background:linear-gradient(100deg,#244f8655,#112b4a55);box-shadow:inset 0 0 0 1px #5f99e540}.nav-button.active .icon{color:#75b9ff}.nav-button.active:after{content:"";width:4px;height:4px;background:#89bfff;border-radius:50%;margin-left:auto;box-shadow:0 0 9px #4492ff}.nav-button.active:hover{background:#1c3d6455}.home-heading{margin-bottom:22px}.home-heading h1{font-size:29px;font-weight:650;letter-spacing:-1.1px}.home-heading .page-eyebrow{font-size:9px;letter-spacing:1.8px;color:#6c8caf}.home-heading-actions .button.ghost{background:#101c2e88;border-color:#2d436155}.showcase-grid{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(255px,.85fr);gap:18px;margin-bottom:22px;align-items:stretch}.cinematic-feature{position:relative;isolation:isolate;overflow:hidden;border-radius:16px;min-height:370px;display:flex;align-items:center;background:#0a1728;border:1px solid #40577d66}.cinematic-feature:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#050a15eb 0,#071020bc 37%,#0b142c22 80%),linear-gradient(0deg,#080e1ad4,transparent 40%)}.cosmos-art{position:absolute;inset:0;z-index:-2;background:url('/assets/cinema.webp') 57% 52%/cover no-repeat,#142844}.cosmos-art i{display:none}.cinematic-copy{padding:37px 34px;position:relative;z-index:1}.feature-kicker{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:2.2px;color:#f0d7ab;font-weight:600}.feature-kicker span{width:17px;height:1px;background:#b89969}.cinematic-feature h2{font-size:clamp(30px,3vw,52px);font-weight:700;line-height:1.05;letter-spacing:-1.7px;margin:22px 0 15px;color:#fff;max-width:420px}.cinematic-feature h2 span{color:#e3d1b4;font-weight:450}.feature-meta{display:flex;align-items:center;gap:11px;color:#c3cddb;font-size:10px}.feature-meta>span+span:before{content:"·";color:#8293b0;margin-right:11px}.feature-meta b{font-size:8px;border:1px solid #d2dce74d;border-radius:3px;padding:3px 4px;letter-spacing:.5px;font-weight:600}.cinematic-copy>p:not(.feature-kicker){font-size:12px;color:#c5c9d4;line-height:1.9;margin:13px 0 23px;max-width:310px}.cinematic-feature .button{font-size:11px;min-height:40px;padding:10px 15px;background:#e4ecfa;color:#0b172a}.cinematic-feature .button:hover{background:#fff}.cinematic-feature .button.secondary{background:#17223580;color:#d7e4f6;border-color:#8193b544}.feature-demo-label{position:absolute;bottom:17px;left:34px;color:#b6c2d1aa;font-size:7px;letter-spacing:1.1px}.feature-position{position:absolute;right:25px;bottom:20px;display:flex;align-items:center;gap:8px;font-size:8px;color:#91a2bf}.feature-position b{color:#dbe6f7;font-weight:500}.feature-position>span{width:34px;height:1px;background:linear-gradient(90deg,#afc9eb 34%,#76879e55 34%)}
.home-bulletin{background:linear-gradient(145deg,#13203388,#0b142199);border:1px solid #31435e88;border-radius:16px;padding:22px;display:flex;flex-direction:column;min-width:0}.bulletin-heading{display:flex;align-items:center;gap:11px;margin-bottom:11px}.bulletin-mark{height:35px;width:35px;flex:0 0 35px;display:flex;align-items:center;justify-content:center;color:#8fbffe;background:#1c3d6555;border:1px solid #3e5c8255;border-radius:9px}.bulletin-mark .icon{width:18px;height:18px}.bulletin-heading .page-eyebrow{font-size:7px;margin:0 0 5px;letter-spacing:1.5px;color:#83a6d4}.bulletin-heading h2{font-size:18px;font-weight:600;letter-spacing:-.5px}.bulletin-posts{display:flex;flex-direction:column;flex:1}.bulletin-item{display:flex;flex-direction:column;padding:15px 0;text-align:left;border-bottom:1px solid #24374f88;gap:7px}.bulletin-item:last-child{border-bottom:0}.bulletin-item:hover strong{color:#a8ccff}.bulletin-type{font-size:8px;text-transform:uppercase;color:#93bff3;letter-spacing:1.1px;display:inline-flex;align-items:center;gap:5px;line-height:1.6}.bulletin-type:before{content:"";height:4px;width:4px;border-radius:50%;background:#7aaeea}.bulletin-type.sport{color:#c4cdb0}.bulletin-type.sport:before{background:#c4cdb0}.bulletin-item strong{font-size:12px;font-weight:550;line-height:1.5;letter-spacing:-.15px}.bulletin-date{color:#7186a4;font-size:9px;display:flex;align-items:center;justify-content:space-between}.bulletin-date .icon{width:13px;height:13px}.bulletin-more{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #31445d88;color:#c3d8f8;font-size:10px;padding:14px 0 0;margin-top:4px;text-align:left}.bulletin-more .icon{width:14px;height:14px}.bulletin-empty{font-size:12px;color:#89a0be;line-height:1.8;padding:15px 0}.bulletin-strip{margin-bottom:25px}.bulletin-strip .bulletin-posts{flex-direction:row;gap:25px}.bulletin-strip .bulletin-item{flex:1}.bulletin-strip .bulletin-heading h2{font-size:16px}
.content-sections{gap:18px;margin:0 0 31px}.content-section{min-height:133px;padding:22px;display:flex;flex-direction:column;justify-content:center;border-radius:12px;background:linear-gradient(110deg,#102238f0 20%,#10223822),url('/assets/sport.webp') 75% 55%/cover no-repeat;border-color:#47638966;box-shadow:0 4px 15px #0003}.content-section:after{background:linear-gradient(0deg,#0b15245c,transparent);border:0}.content-section.movie-section{background:linear-gradient(110deg,#181c2ef5 15%,#0b15223b),url('/assets/cinema.webp') 60% 60%/cover no-repeat;border-color:#8e77585c}.content-section.series-section{background:linear-gradient(110deg,#122331f5 15%,#0b152222),url('/assets/serie.webp') 62% 52%/cover no-repeat;border-color:#4d777566}.tile-topline{margin-bottom:9px;justify-content:flex-start;gap:8px;z-index:3}.tile-index{font-size:7px;letter-spacing:1.2px;color:#7e9ac1}.tile-count{border:0;background:none!important;padding:0;font-size:8px;letter-spacing:.6px;color:#a1b4d1!important}.tile-art{position:absolute;right:19px;top:28px;height:70px;width:70px;margin:0;opacity:.85}.tile-orbit{display:none}.tile-screen,.movie-section .tile-screen,.series-section .tile-screen{width:55px;height:55px;top:9px;left:50%;transform:translateX(-50%);border:1px solid #bdcce044;background:#132b4355;box-shadow:none;border-radius:13px;backdrop-filter:blur(4px)}.tile-screen:before,.tile-screen>i,.tile-screen>b{display:none}.tile-screen .icon,.movie-section .tile-screen .icon,.series-section .tile-screen .icon{width:28px;height:28px;color:#dce9fd;filter:none;stroke-width:1.25}.tile-label{padding-right:65px}.tile-title{font-size:27px;font-weight:600;letter-spacing:-.8px;line-height:1.12}.tile-subtitle{font-size:10px;font-weight:400;margin-top:7px;color:#b8c7dc!important;max-width:100%}.tile-go{display:none}.content-section:hover{border-color:#9ebfe9;box-shadow:0 8px 28px #0005;transform:translateY(-3px)}.section-head h2{font-size:20px;font-weight:600;letter-spacing:-.55px;display:flex;align-items:center;gap:8px}.section-head h2 span{font-size:9px;color:#7489a7;margin-left:7px;font-weight:400}.section-live-dot{width:6px;height:6px;border-radius:50%;background:#f78d88;box-shadow:0 0 9px #f56e6155}.live-channel-tile{background:linear-gradient(155deg,#14203488,#0b142288);border-color:#31435e77;border-radius:10px;padding:12px 14px;position:relative}.live-channel-tile:hover{border-color:#77a5e4;background:#182943;box-shadow:0 5px 20px #0003}.live-channel-top .channel-number{font-size:8px;color:#5d779e}.live-channel-top .live-mini{font-size:6px;border:0;color:#738bab;padding:0}.live-channel-logo{height:68px;margin-top:3px;margin-bottom:13px}.live-channel-logo strong{font-size:19px;letter-spacing:-.5px;font-weight:800}.live-channel-logo small{font-size:6px;letter-spacing:2.3px;margin-bottom:2px;opacity:.8}.live-channel-programme{font-size:10px;letter-spacing:-.15px}.live-channel-time{font-size:8px;margin:6px 0 10px;color:#7286a4}.live-channel-tile .progress-track,.live-channel-tile .progress-track>span{height:2px}.live-channel-tile .progress-track>span{background:#8cafde}.home-live{margin-bottom:29px}.poster-shelf{gap:16px}.poster-shelf .content-card{background:transparent;border-color:transparent;border-radius:8px;overflow:visible}.poster-shelf .content-card:hover{border-color:transparent;box-shadow:none}.poster-shelf .poster{border:1px solid #3449656b;border-radius:9px;transition:transform .2s,border-color .2s}.poster-shelf .content-card:hover .poster{transform:translateY(-3px);border-color:#88a9d4}.poster-shelf .content-info{padding:13px 2px 0!important}.poster-shelf .content-info h3{font-size:11px!important;font-weight:500;letter-spacing:-.15px}.poster-shelf .content-info p{font-size:9px!important;color:#7187aa}.poster .quality-tag{font-size:7px}.poster-title{letter-spacing:-.8px;font-weight:750}.poster-title small{font-weight:500}.home-library{margin-top:28px}.sports-promo{position:relative;overflow:hidden;isolation:isolate;min-height:220px;border:1px solid #3d526c55;border-radius:14px;background:#101e2b;margin-top:30px;display:flex;align-items:center}.sports-promo>div:first-child{padding:29px 32px;position:relative;z-index:1}.sports-promo .page-eyebrow{font-size:8px;color:#bfd8d7;letter-spacing:1.7px}.sports-promo h2{font-size:32px;font-weight:600;letter-spacing:-1px;line-height:1.12;margin:10px 0 9px}.sports-promo p{font-size:11px;color:#9fb1c8;line-height:1.7;margin-bottom:15px}.sports-promo .button{font-size:10px;background:#10243466;color:#deecf8;border-color:#bbd0e344}.sports-promo-art{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#07131ff5 5%,#07131fd1 35%,#07131f10 100%),url('/assets/sport.webp') 68% 50%/cover no-repeat}.sports-promo-art>span{display:none}.quick-features{gap:16px}.quick-features .feature-tile{background:#101a2b66;border-color:#34455f66;border-radius:10px;padding:18px}.quick-features .feature-tile>.icon{height:22px;width:22px;color:#91b7e7}.quick-features .feature-tile>.icon:last-child{height:14px;width:14px;color:#7086a7}.quick-features .feature-tile h3{font-size:11px;font-weight:550}.quick-features .feature-tile p{font-size:9px;line-height:1.7;color:#7b90ae;margin-top:5px}.app-footer{margin-top:26px;color:#465e7e}
.news-page-intro{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:-6px}.news-page-intro>p{font-size:12px;color:#8fa5c4;line-height:1.8;max-width:600px}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.news-card{border:1px solid #34465f88;border-radius:12px;background:#101a2b88;overflow:hidden;padding:0;text-align:left;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.news-card:hover{transform:translateY(-3px);border-color:#80a4d7}.news-card-copy{display:flex;flex-direction:column;padding:21px;flex:1;min-width:0}.news-card-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.news-card-meta time{font-size:8px;color:#7c91b0;white-space:nowrap}.news-card-copy>strong{font-size:20px;line-height:1.27;letter-spacing:-.55px;font-weight:600;display:block}.news-excerpt{font-size:12px;color:#92a6c3;line-height:1.8;margin-top:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-card-more{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#b2cdf1;margin-top:auto;padding-top:24px}.news-card-more .icon{height:14px;width:14px}.news-art{aspect-ratio:1.8;min-height:150px;display:flex;align-items:center;justify-content:space-between;padding:28px 33px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 100% 0,#345c8744,transparent 80%),#142743;border-bottom:1px solid #41608255}.news-art:after{content:"";width:180px;height:180px;border:1px solid #9dbde533;border-radius:50%;position:absolute;right:-60px;top:-60px;box-shadow:0 0 0 20px #92b2d40a,0 0 0 40px #92b2d40a}.news-art>.icon{height:47px;width:47px;stroke-width:1;color:#b7d0ef}.news-art>span{font-size:21px;letter-spacing:-.9px;font-weight:300;line-height:1.1;text-align:right;color:#d3e0f2;position:relative;z-index:1}.news-art b{font-weight:750}.news-art.sport{background:linear-gradient(90deg,#092421d9,#101d3099),url('/assets/sport.webp') center/cover}.news-art.world{background:linear-gradient(90deg,#133333db,#16294299),url('/assets/serie.webp') center/cover}.news-image-wrap{position:relative;aspect-ratio:1.8;background:#132137;overflow:hidden;display:flex;align-items:center;justify-content:center}.news-image{height:100%;width:100%;object-fit:cover}.news-image:not([src]){visibility:hidden}.news-image-status{position:absolute;color:#8ba3c6;font-size:10px}.news-article>.news-art,.news-article>.news-image-wrap{margin:-28px -28px 25px;aspect-ratio:2.2;min-height:180px;border-radius:12px 12px 0 0}.news-article>.news-art{padding:35px 40px}.news-article .news-card-meta{margin-bottom:16px}.news-article h2{font-size:29px;line-height:1.2;letter-spacing:-.8px;margin-bottom:20px}.news-body p{font-size:13px;line-height:1.9;color:#bbcee8;margin:0 0 17px;overflow-wrap:anywhere}.news-body{margin:20px 0 25px}.news-article .safety-caption{border-top:1px solid #32455f88;padding-top:17px;margin-bottom:20px}.news-event{font-size:10px;display:flex;align-items:center;gap:7px;color:#c5d9ee;background:#243c5444;padding:10px 12px;border:1px solid #3b596d55;border-radius:5px;margin-top:15px;line-height:1.6}.news-event .icon{height:14px;width:14px}.news-channel-tags{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.news-channel-tags>span{display:inline-flex;align-items:center;gap:6px;color:#b4cde9;background:#23375466;border-radius:5px;padding:7px 9px;font-size:10px}.news-channel-tags .icon{height:13px;width:13px}.news-admin-status{display:flex;align-items:center;gap:16px;border:1px solid #37547488;padding:21px 23px;border-radius:12px;background:#11213988;margin:0 0 24px}.news-admin-status .bulletin-mark{height:43px;width:43px;flex-basis:43px}.news-admin-status>div{flex:1}.news-admin-status strong{font-size:16px;font-weight:600}.news-admin-status p{font-size:11px;color:#8ea9cb;margin-top:6px;line-height:1.7}.news-admin-grid{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:start}.news-admin-grid .panel{margin-top:0}.news-admin-grid .form-grid{grid-template-columns:1fr}.toggle-field{display:flex;align-items:flex-start;gap:12px;padding:17px;background:#1e355344;border:1px solid #35557566;border-radius:8px;margin-bottom:25px;cursor:pointer}.toggle-field input{accent-color:#6ba5ee;width:17px;height:17px;margin-top:2px}.toggle-field strong{font-size:12px;font-weight:550}.toggle-field small{display:block;color:#8eabcc;font-size:10px;margin-top:5px;line-height:1.8}.news-connect{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:23px;border-top:1px solid #2b4263;margin-top:26px}.news-connect strong{font-size:12px}.news-connect p{font-size:10px;color:#88a4c5;line-height:1.8;margin-top:5px}.news-connect .button{font-size:11px;white-space:nowrap}.news-connect .button:disabled{cursor:not-allowed}.news-setup-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#19477555;color:#96bcf1;margin-bottom:20px;border:1px solid #507eb144}.news-setup-icon .icon{width:25px;height:25px}.news-setup ol{padding:0 0 0 23px;counter-reset:step;margin:25px 0}.news-setup li{padding-left:10px;margin:19px 0;color:#9fc6f7;font-size:12px}.news-setup li strong{font-size:12px;color:#dbe9fc;font-weight:550}.news-setup li p{font-size:11px;color:#8fa7c6;line-height:1.8;margin-top:6px}.news-setup .safety-caption{margin-top:17px;line-height:1.8}.news-setup .notice{align-items:flex-start}.news-setup .notice .icon{margin-top:4px;flex-shrink:0}
@media(min-width:1550px){:root{--rail:214px}.main{padding:34px 43px 26px}.showcase-grid{grid-template-columns:minmax(0,2fr) minmax(300px,.8fr);gap:23px}.cinematic-feature{min-height:430px}.cinematic-copy{padding:40px 44px}.cinematic-feature h2{font-size:61px;max-width:480px;letter-spacing:-2.4px}.cinematic-copy>p:not(.feature-kicker){font-size:13px;max-width:360px}.feature-demo-label{left:44px}.home-bulletin{padding:27px}.bulletin-heading h2{font-size:21px}.bulletin-item{padding:20px 0}.bulletin-item strong{font-size:14px}.bulletin-type{font-size:9px}.bulletin-date{font-size:10px}.content-section{min-height:150px;padding:24px}.tile-title{font-size:30px}.tile-art{right:23px;top:37px}.tile-subtitle{font-size:11px}.live-channel-logo{height:80px}.live-channel-logo strong{font-size:22px}.live-channel-programme{font-size:12px}.live-channel-time{font-size:10px}.poster-shelf .content-info h3{font-size:13px!important}.poster-shelf .content-info p{font-size:10px!important}}
@media(max-width:1250px){:root{--rail:176px}.main{padding:26px}.showcase-grid{grid-template-columns:minmax(0,1.65fr) minmax(240px,.85fr);gap:15px}.home-bulletin{padding:18px}.bulletin-heading{gap:8px}.bulletin-heading h2{font-size:16px}.bulletin-mark{width:31px;height:31px;flex-basis:31px}.bulletin-heading .page-eyebrow{font-size:6px;letter-spacing:1.2px}.bulletin-item{padding:13px 0;gap:6px}.bulletin-item strong{font-size:11px}.bulletin-type{font-size:7px}.bulletin-date{font-size:8px}.cinematic-feature{min-height:360px}.cinematic-copy{padding:31px 26px}.cinematic-feature h2{font-size:39px}.cinematic-copy>p:not(.feature-kicker){font-size:11px;max-width:270px}.feature-kicker{font-size:7px;letter-spacing:1.8px}.feature-meta{font-size:8px;gap:8px}.feature-meta>span+span:before{margin-right:8px}.feature-demo-label{left:26px;font-size:6px}.cinematic-feature .button{font-size:10px;padding:10px 12px}.hero-actions{gap:8px}.content-section{padding:19px;min-height:130px}.tile-art{right:12px;top:32px}.tile-label{padding-right:50px}.tile-title{font-size:26px}.tile-subtitle{font-size:9px}.tile-screen,.movie-section .tile-screen,.series-section .tile-screen{width:45px;height:45px;border-radius:10px;top:10px}.tile-screen .icon,.movie-section .tile-screen .icon,.series-section .tile-screen .icon{width:25px;height:25px}.tile-count{font-size:7px}.tile-index{display:none}.live-channel-shelf{grid-template-columns:repeat(6,minmax(126px,1fr));overflow:auto;padding-bottom:8px}.live-channel-logo strong{font-size:18px}.poster-shelf{grid-template-columns:repeat(6,minmax(132px,1fr))}.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-card-copy{padding:18px}.news-card-copy>strong{font-size:19px}.news-admin-grid{grid-template-columns:1fr}.news-admin-grid .news-setup{display:block}.news-setup ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px}.news-setup li{margin:11px 0}.nav-button{font-size:11px;gap:10px}}
@media(max-width:980px){.showcase-grid{grid-template-columns:1fr}.cinematic-feature{min-height:340px}.cinematic-feature h2{font-size:44px}.cinematic-copy{padding:32px}.cinematic-feature .feature-demo-label{left:32px}.bulletin-sidebar{padding:19px 22px}.bulletin-sidebar .bulletin-heading{margin-bottom:4px}.bulletin-sidebar .bulletin-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.bulletin-sidebar .bulletin-item{border-bottom:0;position:relative;padding:14px 0}.bulletin-sidebar .bulletin-item strong{font-size:11px;min-height:34px}.bulletin-sidebar .bulletin-heading h2{font-size:17px}.bulletin-sidebar .bulletin-more{font-size:10px;padding-top:11px;margin-top:3px}.content-sections{gap:12px}.content-section{min-height:136px;padding:18px}.tile-title{font-size:24px}.tile-subtitle{font-size:9px;white-space:normal;max-width:120px;min-height:26px;line-height:1.6}.tile-art{right:0;top:40px;opacity:.5}.tile-label{padding-right:22px}.quick-features{gap:10px}.sports-promo{min-height:210px}.home-heading h1{font-size:26px}.news-page-intro{align-items:flex-start;flex-direction:column;gap:10px}.news-card-copy>strong{font-size:19px}.news-card-meta{gap:8px}.news-card-meta time{font-size:7px}.nav-button{font-size:11px}}
@media(max-width:760px){:root{--rail:0px}.main{padding:23px 18px 20px}.topbar{height:74px;padding:12px 18px}.demo-on .topbar{height:112px}.sidebar{top:74px;height:calc(100vh - 74px);background:#09111fee}.demo-on .sidebar{top:148px;height:calc(100vh - 148px)}.sidebar .nav-button{font-size:13px;min-height:43px}.brand-mark,.brand-mark img{height:35px;width:35px}.brand-name{font-size:17px}.brand-sub{font-size:7px;letter-spacing:1.8px}.home-heading{margin-bottom:19px}.home-heading h1{font-size:25px;max-width:250px;letter-spacing:-.9px;line-height:1.2}.home-heading .page-eyebrow{font-size:7px;letter-spacing:1.5px}.showcase-grid{gap:13px;margin-bottom:17px}.cinematic-feature{border-radius:12px;min-height:337px;align-items:flex-end}.cosmos-art{background-position:60% 50%}.cinematic-feature:after{background:linear-gradient(90deg,#07101ec9,#07101e22),linear-gradient(0deg,#080f1bf5 0,#080f1b55 65%,transparent 100%)}.cinematic-copy{padding:29px 24px 42px}.cinematic-feature h2{font-size:39px;letter-spacing:-1.5px;margin:15px 0 13px;max-width:330px}.feature-kicker{font-size:7px;letter-spacing:1.8px}.feature-meta{font-size:9px}.cinematic-copy>p:not(.feature-kicker){font-size:11px;max-width:260px;margin:12px 0 18px;line-height:1.8}.cinematic-feature .button{font-size:10px;min-height:37px;padding:9px 12px}.feature-meta b{font-size:7px}.feature-position{right:19px;bottom:17px;font-size:7px}.feature-demo-label,.cinematic-feature .feature-demo-label{left:24px;bottom:17px;font-size:6px;letter-spacing:.8px}.home-bulletin.bulletin-sidebar{padding:16px 18px;border-radius:11px}.bulletin-sidebar .bulletin-posts{grid-template-columns:1fr;gap:0}.bulletin-sidebar .bulletin-item{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:11px 0;border-bottom:1px solid #2e425955}.bulletin-sidebar .bulletin-item:last-child{display:none}.bulletin-sidebar .bulletin-type{font-size:7px;grid-column:1/-1}.bulletin-sidebar .bulletin-item strong{font-size:11px;min-height:0;line-height:1.5}.bulletin-sidebar .bulletin-date{font-size:7px;gap:7px;align-self:start;margin-top:3px}.bulletin-sidebar .bulletin-date .icon{height:11px;width:11px}.bulletin-heading{gap:9px;margin-bottom:4px}.bulletin-heading h2,.bulletin-sidebar .bulletin-heading h2{font-size:17px}.bulletin-mark{height:29px;width:29px;flex-basis:29px;border-radius:7px}.bulletin-heading .page-eyebrow{font-size:6px;letter-spacing:1.3px;margin-bottom:5px}.bulletin-sidebar .bulletin-more{font-size:10px;border-top:0;padding-top:12px;margin-top:0}.content-sections{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:25px}.content-section{min-height:136px;border-radius:10px;padding:14px 11px;justify-content:flex-end;align-items:flex-start}.tile-topline{position:absolute;top:13px;left:11px;margin:0;gap:0}.tile-count{font-size:6px;letter-spacing:.2px;white-space:nowrap}.tile-index{display:none}.tile-art{right:0;top:22px;height:58px;width:100%;opacity:.85}.tile-screen,.movie-section .tile-screen,.series-section .tile-screen{top:5px;height:36px;width:36px;border-radius:9px;transform:translateX(-50%);left:calc(100% - 31px);background:#0a172c70;border-color:#c1d1e33d}.tile-screen .icon,.movie-section .tile-screen .icon,.series-section .tile-screen .icon{height:20px;width:20px}.tile-label{padding:0;z-index:3}.tile-title{font-size:21px;letter-spacing:-.6px;white-space:nowrap}.tile-subtitle{font-size:7px;line-height:1.6;margin-top:5px;min-height:12px;white-space:nowrap;letter-spacing:-.1px;max-width:100%}.live-section .tile-subtitle{font-size:6.4px}.content-section:after{background:linear-gradient(0deg,#07101bd1 0,#0b152400 100%)}.section-head h2{font-size:18px;gap:7px}.section-head h2 span{display:none}.section-head .text-button{font-size:10px}.live-channel-shelf{grid-template-columns:repeat(6,minmax(140px,1fr));gap:10px}.live-channel-tile{padding:12px;border-radius:9px}.live-channel-logo{height:64px;margin:5px 0 11px}.live-channel-logo strong{font-size:19px}.live-channel-logo small{font-size:7px}.live-channel-programme{font-size:10px}.live-channel-time{font-size:8px}.home-live{margin-bottom:24px}.home-library{margin-top:24px}.poster-shelf{grid-template-columns:repeat(6,minmax(137px,1fr));gap:12px}.poster-shelf .poster-title{font-size:21px;letter-spacing:-.7px}.poster-shelf .content-info{padding-top:11px!important}.poster-shelf .content-info h3{font-size:11px!important}.poster-shelf .content-info p{font-size:8px!important}.sports-promo{min-height:232px;border-radius:11px;margin-top:24px}.sports-promo>div:first-child{padding:24px}.sports-promo h2{font-size:29px;line-height:1.1;margin:9px 0 12px}.sports-promo .page-eyebrow{font-size:7px}.sports-promo p{font-size:10px;max-width:210px;line-height:1.7}.sports-promo-art{background-position:66% 50%;background-image:linear-gradient(90deg,#07131ff5 0,#07131fd1 35%,#07131f15 100%),url('/assets/sport.webp')}.sports-promo .button{font-size:10px;min-height:37px;padding:9px 12px}.quick-features{grid-template-columns:1fr;margin-top:24px;gap:9px}.quick-features .feature-tile{padding:17px;gap:15px}.quick-features .feature-tile h3{font-size:12px}.quick-features .feature-tile p{font-size:10px}.quick-features .feature-tile>.icon{height:21px;width:21px}.news-grid{grid-template-columns:1fr;gap:17px}.news-card-copy{padding:20px}.news-card-copy>strong{font-size:23px;line-height:1.25}.news-art{min-height:160px;aspect-ratio:2.05}.news-card-meta time{font-size:8px}.news-card-meta .bulletin-type{font-size:8px}.news-excerpt{font-size:12px;line-height:1.8}.news-card-more{font-size:11px}.news-page-intro>p{font-size:11px;line-height:1.8}.news-page-intro .button{font-size:10px}.news-article>.news-art,.news-article>.news-image-wrap{margin:-23px -23px 23px;min-height:170px;aspect-ratio:2.05}.news-article h2{font-size:27px;letter-spacing:-.8px;line-height:1.2}.news-body p{font-size:12px;line-height:1.9}.news-channel-tags>span{font-size:9px}.news-article .news-event{font-size:10px}.news-admin-status{padding:17px;gap:11px;border-radius:10px;flex-wrap:wrap}.news-admin-status strong{font-size:14px}.news-admin-status p{font-size:10px}.news-admin-status .bulletin-mark{width:35px;height:35px;flex-basis:35px}.news-admin-status .badge{font-size:8px;margin-left:46px}.news-admin-grid{gap:18px}.news-admin-grid .panel{padding:20px}.news-connect{flex-direction:column;align-items:flex-start;gap:14px}.news-connect .button{width:100%;font-size:11px}.news-setup ol{grid-template-columns:1fr;gap:0;padding-left:19px}.news-setup li{padding-left:8px;margin:12px 0}.news-setup li strong{font-size:12px}.news-setup li p{font-size:11px}.news-setup .notice{font-size:10px;line-height:1.9}.toggle-field{padding:14px;gap:11px;margin-bottom:23px}.toggle-field strong{font-size:11px}.toggle-field small{font-size:10px}.news-setup .safety-caption{font-size:10px!important}.app-footer{font-size:8px}.bulletin-strip .bulletin-posts{flex-direction:column;gap:0}.bulletin-strip .bulletin-item{border-bottom:1px solid #34476166}.bulletin-strip .bulletin-more{margin-top:8px}}
@media(max-width:360px){.main{padding:21px 14px 18px}.brand-name{font-size:16px}.brand-mark,.brand-mark img{height:32px;width:32px}.home-heading h1{font-size:23px}.home-heading .page-eyebrow{font-size:6px;letter-spacing:1.3px}.cinematic-copy{padding:28px 20px 42px}.cinematic-feature h2{font-size:35px;letter-spacing:-1.2px}.cinematic-feature .feature-demo-label{left:20px;font-size:5px}.cinematic-feature .button{font-size:9px;padding:9px 10px}.feature-meta{font-size:8px}.content-sections{gap:7px}.content-section{padding:12px 9px;min-height:129px}.tile-topline{left:9px}.tile-title{font-size:19px}.tile-subtitle{font-size:6px}.live-section .tile-subtitle{font-size:5.8px}.tile-count{font-size:5.5px}.tile-screen,.movie-section .tile-screen,.series-section .tile-screen{height:31px;width:31px;left:calc(100% - 27px)}.tile-screen .icon,.movie-section .tile-screen .icon,.series-section .tile-screen .icon{height:18px;width:18px}.bulletin-sidebar .bulletin-item{display:flex;gap:5px}.bulletin-sidebar .bulletin-date{margin-top:1px}.news-card-copy>strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Multiple named IPTV services */
.provider-list{display:grid;gap:16px;margin-bottom:24px}.provider-card{margin-bottom:0}.provider-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.provider-heading .panel-description{margin-bottom:20px}.provider-card .table-actions{flex-wrap:wrap}.provider-card .table-actions .button{white-space:normal}.provider-heading h2{overflow-wrap:anywhere}.provider-card button:disabled{opacity:.42;cursor:not-allowed}@media(max-width:600px){.provider-heading{flex-direction:column;gap:0}.provider-heading .badge{margin-bottom:16px}.provider-card .table-actions{gap:8px}.provider-card .table-actions .button{flex:1;min-width:120px}}