.iptv-app{--bg:#050814;--panel:#090f1d;--line:rgba(148,163,184,.14);--text:#f8fafc;--muted:#8491a8;--violet:#7655ff;display:grid;grid-template-columns:210px minmax(0,1fr);min-height:780px;overflow:hidden;border:1px solid #20293b;border-radius:22px;color:var(--text);background:radial-gradient(circle at 0 100%,rgba(99,45,190,.18),transparent 26%),var(--bg);box-shadow:0 30px 80px rgba(2,6,23,.42);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.iptv-app *{box-sizing:border-box}.iptv-app button,.iptv-app input,.iptv-app select{font:inherit}.iptv-sidebar{position:relative;display:flex;flex-direction:column;padding:28px 20px;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(15,8,36,.94),rgba(5,8,20,.98))}.iptv-logo{display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:end;text-decoration:none;color:#fff}.iptv-logo-tv{grid-row:1/3;width:54px;height:46px;display:grid;place-items:center;border:5px solid transparent;border-radius:16px;background:linear-gradient(#0b1020,#0b1020) padding-box,linear-gradient(135deg,#c443ff,#4779ff,#1bd9ef) border-box}.iptv-logo-tv:before,.iptv-logo-tv:after{content:'';position:absolute;width:18px;height:3px;border-radius:3px;background:#7a63ff;transform:translate(-6px,-30px) rotate(42deg)}.iptv-logo-tv:after{transform:translate(7px,-31px) rotate(-45deg)}.iptv-logo-tv i{width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid #fff;filter:drop-shadow(0 2px 4px #000)}.iptv-logo strong{font-size:26px;line-height:.9}.iptv-logo small{color:#856eff;font-size:9px;font-weight:900;letter-spacing:.28em}.iptv-tagline{margin:17px 0 27px;color:#9da6b8;font-size:12px}.iptv-side-nav{display:grid;gap:5px}.iptv-side-nav button{display:flex;align-items:center;gap:11px;width:100%;padding:10px;border:0;border-radius:10px;text-align:left;color:#8995aa;background:transparent;cursor:pointer}.iptv-side-nav button:hover,.iptv-side-nav button.is-active{color:#fff;background:linear-gradient(90deg,rgba(118,85,255,.2),transparent)}.iptv-side-nav button>span{width:28px;color:#805fff;font-size:22px;text-align:center}.iptv-side-nav b,.iptv-side-nav small{display:block}.iptv-side-nav b{font-size:11px}.iptv-side-nav small{margin-top:3px;color:#68758b;font-size:8px;font-weight:500}.iptv-side-security{display:flex;gap:9px;align-items:center;margin-top:auto;padding:12px;border:1px solid rgba(45,212,191,.15);border-radius:11px;background:rgba(45,212,191,.045)}.iptv-side-security>span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;color:#42e2cf;background:rgba(45,212,191,.1);font-size:11px}.iptv-side-security p{margin:0}.iptv-side-security strong,.iptv-side-security small{display:block;font-size:9px}.iptv-side-security small{margin-top:2px;color:#607087;font-size:7px}
.iptv-main{min-width:0;background:linear-gradient(145deg,#080d18,#050a14)}.iptv-topbar{height:70px;display:flex;align-items:center;gap:22px;padding:0 24px;border-bottom:1px solid var(--line)}.iptv-mini-brand{display:none}.iptv-topbar nav{display:flex;align-items:center;gap:6px}.iptv-topbar nav button{height:34px;padding:0 11px;border:0;border-radius:18px;color:#7f8aa0;background:transparent;font-size:9px;cursor:pointer}.iptv-topbar nav button.is-active,.iptv-topbar nav button:hover{color:#fff;background:linear-gradient(100deg,#526be9,#7655ff)}.iptv-top-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.iptv-clock{color:#b8c1d1;font-size:10px}.iptv-avatar{width:30px;height:30px;display:grid;place-items:center;border:1px solid #38455e;border-radius:50%;color:#a89aff;background:#111a2a;font-size:9px;font-weight:800}.iptv-content{padding:22px}.iptv-hero{position:relative;min-height:230px;display:flex;align-items:center;overflow:hidden;border:1px solid #26334a;border-radius:15px;background-image:linear-gradient(90deg,rgba(3,7,16,.98) 0%,rgba(3,7,16,.83) 30%,rgba(3,7,16,.08) 67%),url('/images/iptv/iptv-stadium-hero-v1.png');background-position:center;background-size:cover;box-shadow:inset 0 -30px 60px rgba(0,0,0,.3)}.iptv-hero-copy{position:relative;z-index:2;max-width:390px;padding:28px}.iptv-live-pill{display:inline-block;padding:4px 7px;border-radius:4px;color:#fff;background:#e52d4b;font-size:7px;font-weight:900}.iptv-hero h2{margin:10px 0 8px;font-size:31px;line-height:1.06;letter-spacing:-.035em}.iptv-hero p{margin:0 0 17px;color:#acb6c8;font-size:10px;line-height:1.55}.iptv-hero button{display:flex;align-items:center;gap:8px;padding:10px 16px;border:0;border-radius:20px;color:#fff;background:linear-gradient(100deg,#3076ff,#8c42ef);box-shadow:0 8px 22px rgba(79,70,229,.35);font-size:9px;font-weight:800;cursor:pointer}.iptv-slider-dots{position:absolute;right:18px;bottom:15px;display:flex;gap:6px}.iptv-slider-dots i{width:5px;height:5px;border-radius:50%;background:#647187}.iptv-slider-dots i.is-active{background:#fff}.iptv-shortcuts{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:12px 0 20px}.iptv-tile{min-width:0;display:grid;place-items:center;padding:15px 8px;border:1px solid rgba(255,255,255,.1);border-radius:11px;color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.15);cursor:pointer}.iptv-tile span{font-size:24px}.iptv-tile strong,.iptv-tile small{display:block}.iptv-tile strong{margin-top:5px;font-size:10px}.iptv-tile small{margin-top:2px;color:rgba(255,255,255,.72);font-size:7px}.tile-blue{background:linear-gradient(145deg,#3769f1,#203599)}.tile-pink{background:linear-gradient(145deg,#f14398,#622079)}.tile-purple{background:linear-gradient(145deg,#9b40f2,#41219a)}.tile-cyan{background:linear-gradient(145deg,#20caeb,#086587)}.tile-red{background:linear-gradient(145deg,#ff625a,#99275f)}
.iptv-connect,.iptv-library{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#0d1525,#080e1a)}.iptv-section-title{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.iptv-section-title span{color:#806cff;font-size:7px;font-weight:900;letter-spacing:.16em}.iptv-section-title h3{margin:4px 0 3px;font-size:16px}.iptv-section-title p{margin:0;color:var(--muted);font-size:9px}.iptv-encrypted{padding:6px 9px;border:1px solid rgba(45,212,191,.18);border-radius:15px;color:#55dece!important;background:rgba(45,212,191,.06);font-size:8px!important;letter-spacing:0!important}.iptv-connect-body{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(210px,.65fr)}.iptv-form{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:20px;border-right:1px solid var(--line)}.iptv-form label{display:grid;gap:6px}.iptv-form label>span{color:#b7c1d1;font-size:9px;font-weight:700}.iptv-form label>div{position:relative}.iptv-form label i{position:absolute;left:12px;top:12px;color:#65738a;font-style:normal;font-size:11px}.iptv-form input,.iptv-form select,.iptv-library-tools input{width:100%;height:40px;padding:0 12px 0 34px;border:1px solid #263249;border-radius:8px;outline:0;color:#e7edf6;background:#070c16;font-size:10px}.iptv-form select{appearance:none}.iptv-form input:focus,.iptv-form select:focus,.iptv-library-tools input:focus{border-color:#7559ff;box-shadow:0 0 0 3px rgba(117,89,255,.1)}.iptv-form input::placeholder{color:#46536a}.wide,.iptv-form-grid,.iptv-consent,.iptv-submit{grid-column:1/-1}.iptv-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.iptv-form-grid .wide{grid-column:1/-1}.iptv-consent{position:relative;display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px!important;padding:10px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.018);cursor:pointer}.iptv-consent input{position:absolute;opacity:0;width:1px;height:1px}.iptv-consent i{position:static!important;width:17px;height:17px;display:grid;place-items:center;border:1px solid #3a475c;border-radius:4px;color:transparent!important}.iptv-consent input:checked+i{border-color:#7655ff;color:#fff!important;background:#7655ff}.iptv-consent span{font-size:8px!important;font-weight:500!important}.iptv-submit{height:43px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:9px;color:#fff;background:linear-gradient(100deg,#5a72f0,#8a48ec);box-shadow:0 9px 20px rgba(90,75,220,.22);font-size:10px;font-weight:800;cursor:pointer}.iptv-submit:disabled{opacity:.6;cursor:wait}.iptv-submit b{font-size:16px}.iptv-connect-help{padding:21px}.iptv-help-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#a998ff;background:rgba(118,85,255,.13);font-weight:900}.iptv-connect-help h4{margin:13px 0 5px;font-size:12px}.iptv-connect-help>p{margin:0;color:var(--muted);font-size:9px;line-height:1.5}.iptv-connect-help ul{display:grid;gap:9px;margin:15px 0;padding:0;list-style:none;color:#aeb8c8;font-size:9px}.iptv-connect-help li span{width:17px;height:17px;display:inline-grid;place-items:center;margin-right:7px;border-radius:50%;color:#ad9fff;background:#1b203a;font-size:7px}.iptv-privacy{display:grid;gap:3px;padding:10px;border:1px solid rgba(45,212,191,.12);border-radius:8px;background:rgba(45,212,191,.04)}.iptv-privacy b{color:#65dfd2;font-size:8px}.iptv-privacy small{color:#708096;font-size:7px;line-height:1.5}.oip-status{min-height:0;margin:0;padding:0 20px;text-align:center;color:#50ddcd;font-size:9px}.oip-status:not(:empty){padding:10px 20px;border-top:1px solid var(--line)}.oip-status.is-error{color:#fb7185}
.iptv-library{margin-top:20px}.iptv-library>header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.iptv-library>header>div{display:flex;align-items:center;gap:10px}.iptv-online-dot{width:8px;height:8px;border-radius:50%;background:#37dfbb;box-shadow:0 0 0 5px rgba(55,223,187,.1)}.iptv-library header p{margin:0}.iptv-library header small,.iptv-library header strong{display:block}.iptv-library header small{color:#42d9cb;font-size:7px;letter-spacing:.13em}.iptv-library header strong{margin-top:3px;font-size:15px}.iptv-library header button{padding:7px 10px;border:1px solid var(--line);border-radius:7px;color:#9ca9ba;background:#09101d;font-size:8px;cursor:pointer}.iptv-library-tools{display:flex;align-items:center;gap:10px;padding:14px 18px}.iptv-library-tools label{position:relative;flex:1}.iptv-library-tools label span{position:absolute;left:12px;top:8px;color:#65738a}.iptv-library-tools input{max-width:480px}.iptv-library-tools>b{padding:6px 9px;border-radius:7px;color:#8290a5;background:#111a29;font-size:8px}.oip-player{overflow:hidden;margin:0 18px 15px;border:1px solid #253047;border-radius:12px;background:#050912}.oip-player video{display:block;width:100%;max-height:480px;aspect-ratio:16/9;background:#000}.oip-player>div{display:flex;align-items:center;gap:9px;padding:10px 12px}.oip-player>div>span{padding:3px 5px;border-radius:4px;background:#e7384f;font-size:7px;font-weight:900}.oip-player p{margin:0}.oip-player small,.oip-player strong{display:block}.oip-player small{color:#64748b;font-size:7px}.oip-player strong{font-size:10px}.oip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;max-height:560px;overflow:auto;padding:0 18px 18px}.oip-channel{min-width:0;display:flex;align-items:center;gap:9px;padding:9px;border:1px solid var(--line);border-radius:9px;text-align:left;color:#fff;background:#0a1120;cursor:pointer}.oip-channel:hover{border-color:#7259ec;background:#10192b}.oip-channel>span:nth-child(2){min-width:0;flex:1}.oip-logo{width:37px;height:37px;flex:0 0 37px;display:grid;place-items:center;overflow:hidden;border-radius:7px;color:#718097;background:#172034;font-size:7px}.oip-logo img{max-width:85%;max-height:85%;object-fit:contain}.oip-channel strong,.oip-channel small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oip-channel strong{font-size:9px}.oip-channel small{margin-top:3px;color:#708096;font-size:7px}.oip-card-play{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;color:#a795ff;background:rgba(118,85,255,.12);font-size:6px}.oip-empty,.oip-loading{grid-column:1/-1;padding:38px;text-align:center;color:#718097;font-size:10px}.oip-loading span{display:block;width:25px;height:25px;margin:0 auto 10px;border:3px solid #273248;border-top-color:#8066ff;border-radius:50%;animation:oipspin .8s linear infinite}.oip-loading strong,.oip-loading small{display:block}.oip-loading strong{color:#c9d2e0}.oip-loading small{margin-top:3px}.iptv-footer{display:flex;justify-content:space-between;gap:15px;padding:13px 22px;border-top:1px solid var(--line);color:#4f5d72;font-size:7px}@keyframes oipspin{to{transform:rotate(360deg)}}
@media(max-width:900px){.iptv-app{grid-template-columns:78px 1fr}.iptv-sidebar{padding:24px 12px}.iptv-logo{display:block}.iptv-logo-tv{margin:auto}.iptv-logo strong,.iptv-logo small,.iptv-tagline,.iptv-side-nav b,.iptv-side-security p{display:none}.iptv-side-nav button{justify-content:center;padding:10px 0}.iptv-side-nav button>span{font-size:21px}.iptv-side-security{justify-content:center;padding:8px}.iptv-shortcuts{grid-template-columns:repeat(5,minmax(95px,1fr));overflow-x:auto}.iptv-connect-body{grid-template-columns:1fr}.iptv-form{border-right:0;border-bottom:1px solid var(--line)}.iptv-connect-help{display:grid;grid-template-columns:auto 1fr;column-gap:12px}.iptv-connect-help h4{margin-top:3px}.iptv-connect-help>p,.iptv-connect-help ul,.iptv-privacy{grid-column:2}.iptv-topbar nav button{padding:0 8px}}
@media(max-width:650px){.iptv-app{display:block;min-height:0;border-radius:15px}.iptv-sidebar{display:none}.iptv-topbar{height:58px;padding:0 14px}.iptv-mini-brand{display:grid}.iptv-mini-brand span{font-size:15px;font-weight:900}.iptv-mini-brand small{color:#8066ff;font-size:6px;letter-spacing:.2em}.iptv-topbar nav{margin-left:auto}.iptv-topbar nav button{width:31px;padding:0}.iptv-topbar nav button span{display:none}.iptv-clock{display:none}.iptv-content{padding:12px}.iptv-hero{min-height:255px;background-position:58% center}.iptv-hero-copy{padding:22px;max-width:310px}.iptv-hero h2{font-size:27px}.iptv-shortcuts{grid-template-columns:repeat(5,105px);margin-bottom:14px}.iptv-section-title{align-items:flex-start}.iptv-encrypted{display:none}.iptv-connect-body{display:block}.iptv-form,.iptv-form-grid{grid-template-columns:1fr}.iptv-form{padding:15px}.iptv-form label{grid-column:1/-1}.iptv-connect-help{display:block;padding:17px}.iptv-connect-help>p,.iptv-connect-help ul,.iptv-privacy{display:block}.iptv-library>header{align-items:flex-start;gap:10px}.oip-grid{grid-template-columns:1fr}.iptv-footer{flex-direction:column;text-align:center}.iptv-footer span:nth-child(2){order:-1}}
@media(prefers-reduced-motion:reduce){.oip-loading span{animation:none}}
.tool-widget:has(.iptv-app){padding:0;overflow:visible;border:0;background:transparent;box-shadow:none}.tool-layout:has(.iptv-app){grid-template-columns:minmax(0,1fr)}.tool-layout:has(.iptv-app)>.tool-sidebar{display:none}
.iptv-app{container-type:inline-size;width:100%}
@container(max-width:900px){.iptv-app{grid-template-columns:78px minmax(0,1fr)}.iptv-sidebar{padding:24px 12px}.iptv-logo{display:block}.iptv-logo-tv{margin:auto}.iptv-logo strong,.iptv-logo small,.iptv-tagline,.iptv-side-nav b,.iptv-side-security p{display:none}.iptv-side-nav button{justify-content:center;padding:10px 0}.iptv-side-security{justify-content:center;padding:8px}.iptv-shortcuts{grid-template-columns:repeat(5,minmax(105px,1fr));overflow-x:auto}.iptv-connect-body{grid-template-columns:1fr}.iptv-form{border-right:0;border-bottom:1px solid var(--line)}}
@container(max-width:650px){.iptv-app{display:block;min-height:0;border-radius:15px}.iptv-sidebar{display:none}.iptv-topbar{height:58px;padding:0 14px}.iptv-mini-brand{display:grid}.iptv-mini-brand span{font-size:15px;font-weight:900}.iptv-mini-brand small{color:#8066ff;font-size:6px;letter-spacing:.2em}.iptv-topbar nav{margin-left:auto}.iptv-topbar nav button{width:31px;padding:0}.iptv-topbar nav button span{display:none}.iptv-clock{display:none}.iptv-content{padding:12px}.iptv-hero{min-height:255px;background-position:58% center}.iptv-hero-copy{max-width:310px;padding:22px}.iptv-shortcuts{grid-template-columns:repeat(5,105px)}.iptv-form,.iptv-form-grid{grid-template-columns:1fr}.iptv-form{padding:15px}.iptv-form label{grid-column:1/-1}.oip-grid{grid-template-columns:1fr}.iptv-footer{flex-direction:column;text-align:center}}
@container(max-width:390px){.iptv-topbar nav button:nth-child(n+4){display:none}.iptv-hero{min-height:230px}.iptv-hero h2{font-size:24px}.iptv-hero p{max-width:235px}.iptv-section-title{padding:15px}.iptv-connect-help{padding:15px}.iptv-library>header{align-items:flex-start;flex-direction:column}.iptv-library-tools{align-items:stretch;flex-direction:column}.iptv-library-tools>b{align-self:flex-start}}