/* Violet and ice-blue theme; Bootstrap provides forms and button primitives. */
:root{--bg:#05081b;--panel:#111830;--ink:#f4f7ff;--muted:#aab6d3;--line:#8b9fff26;--accent:#bf65ff;--lime:#18efff;--bs-body-bg:#05081b;--bs-body-color:#f4f7ff;--bs-primary:#ae36ff}
body{background:radial-gradient(ellipse at 0 5%,#37206850,transparent 35%),radial-gradient(ellipse at 100% 35%,#005c7828,transparent 35%),var(--bg)}
.header{background:#090d23eb;border-bottom-color:#bf65ff30;box-shadow:0 6px 35px #0003}
.logo-icon{border-color:#18efff;color:#18efff;box-shadow:0 0 18px #18efff40}.logo>span:not(.logo-icon){color:#d08aff;text-shadow:0 0 20px #9870ff55}
em{color:#d08aff;text-shadow:0 0 35px #976bff45}.hero h1 em{background:linear-gradient(105deg,#df87ff,#19efff);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-bg{background:radial-gradient(ellipse at 80% 40%,#5731a977,transparent 55%),linear-gradient(110deg,#05081b 10%,#05081be8 45%,#0a1435a8),url('/sports.jpg') center/cover;opacity:1}
.button.btn{--bs-btn-color:#fff;border-radius:12px;background:linear-gradient(115deg,#a42cff,#087fbc);border:1px solid #d08aff66;box-shadow:0 4px 22px #ae36ff3d;transition:transform .2s,box-shadow .2s,filter .2s;color:#fff;font-weight:700}
.button.btn:hover,.button.btn:focus-visible{color:#fff;filter:brightness(1.14);box-shadow:0 7px 30px #9363ff65;transform:translateY(-3px)}
.button.btn.outline{background:linear-gradient(120deg,#182244,#141a33);border-color:#7794d36b;box-shadow:inset 0 1px #ffffff08}
.button.btn.outline:hover{border-color:#18efff;box-shadow:0 0 24px #18efff24}
.hero-tags span,.pill{border-color:#aa8eff66;background:#aa8eff0d;border-radius:6px}.eyebrow{color:#18efff}
.tv{border-color:#353b65;box-shadow:0 30px 60px #0008,0 0 65px #7859ef30}.tv-bar,.tv-bottom{background:#11152e}.on-air{background:#7650d8}.screen-badge{background:linear-gradient(120deg,#d976ff,#1cf1ff);box-shadow:0 5px 32px #18efff30;color:#101a36;border-radius:10px}
.country-section,.devices-section{background:linear-gradient(145deg,#10142c,#0c132a);border-color:var(--line)}
.live-card,.country,.devices article,.plan,.faqs details{background:linear-gradient(145deg,#171e39,#0e152d);border-color:#879af92e;border-radius:16px}
.country{transition:transform .2s,border-color .2s,box-shadow .2s}.country:hover,.country.active{background:linear-gradient(125deg,#322557,#153348);border-color:#8aafff;box-shadow:0 0 20px #758dff22;transform:translateY(-2px)}
.search-country.input-group{width:320px;max-width:100%;padding:5px 14px;background:#0b1128;border:1px solid #819ad36b;border-radius:12px;box-shadow:inset 0 2px 9px #0003}
.search-country .form-control{max-width:none;min-width:0;width:1%;padding:10px 0;color:#f4f7ff;background:transparent;border:0;box-shadow:none;font-size:13px}
.search-country:focus-within{border-color:#18efff;box-shadow:0 0 0 4px #18efff1c,0 0 25px #18efff15}.search-country input::placeholder{color:#9aaacb;opacity:1}
.locale-select.form-select{color:#e7edff;background-color:#141d38;border-color:#8d9dce66;border-radius:10px;padding:10px 32px 10px 12px;max-width:180px;min-height:40px}.locale-select.form-select:focus{border-color:#18efff;box-shadow:0 0 0 3px #18efff20}
.country-result{background:linear-gradient(125deg,#242040,#122c3e);border-color:#8bafff66;border-radius:16px}
.plan{position:relative;overflow:hidden;border:1px solid #9caaff38;box-shadow:0 16px 40px #0003;transition:transform .25s,box-shadow .25s,border-color .25s}
.plan:hover{transform:translateY(-6px);border-color:#aa8eff;box-shadow:0 16px 45px #6646b830}
.plan.featured{background:linear-gradient(145deg,#28204b,#0e263c);border:1px solid #87caff;box-shadow:0 0 32px #78aaff27,0 16px 40px #0004}
.plan.featured:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#be8eff,#67eeff,#be8eff);background-size:200% 100%;animation:glow-flow 7s linear infinite}
.plan-top b{background:linear-gradient(120deg,#d570ff,#20efff);color:#10152d;border-radius:6px}.plan .price{color:#fff;text-shadow:0 0 25px #83aaff22}.plan li:before{color:#18efff}.plan ul{padding-left:0}
.ibo-offer{border-color:#72e5ff88;background:linear-gradient(110deg,#7150bf33,#2794b82b);color:#baf6ff;box-shadow:inset 0 0 16px #18efff0a,0 0 15px #18efff13;border-radius:10px}
.faqs details{padding:0 20px;margin-bottom:12px;border:1px solid #879af92e}.faqs details[open]{border-color:#a58afa80;box-shadow:0 0 20px #a58afa12}.faqs summary{padding-block:20px}.faqs p{padding-bottom:18px}
.contact{background:linear-gradient(120deg,#35235c,#163c53);border:1px solid #a79bff66;border-radius:22px;box-shadow:0 0 55px #7251c820}.contact h2,.contact p{color:#f1f5ff}.site-footer{background:#070b1b;border-color:#8c9fdf22}
.wa-float{background:linear-gradient(110deg,#d477ff,#1cecff);color:#091b2d;box-shadow:0 0 25px #18efff44;font-weight:700}.wa-float:hover{color:#091b2d;box-shadow:0 0 35px #18efff66}
.sports-card,.vod-card{border-radius:16px}.currency-status{color:#80eaff}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline-color:#18efff}
@keyframes glow-flow{to{background-position:200% 0}}
.button.btn{position:relative;overflow:hidden;isolation:isolate}.button.btn:after{content:'';position:absolute;inset:-40% auto -40% -65%;width:35%;background:linear-gradient(90deg,transparent,#ffffff22,transparent);transform:skewX(-22deg);pointer-events:none}
@media(hover:hover) and (pointer:fine){.button.btn:hover:after{animation:button-shine .65s ease-out}.devices article,.live-card,.vod-card{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.devices article:hover,.live-card:hover,.vod-card:hover{transform:translateY(-5px);box-shadow:0 14px 32px #7456ca24;border-color:#9f92ff88}.navrow nav a{position:relative}.navrow nav a:after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:2px;background:linear-gradient(90deg,#bf65ff,#18efff);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.navrow nav a:hover:after,.navrow nav a:focus-visible:after{transform:scaleX(1)}}
.button.btn:active{transform:translateY(0) scale(.98)}.faqs details[open] p{animation:faq-enter .3s ease-out}.search-country,.locale-select.form-select{transition:border-color .2s ease,box-shadow .2s ease}.faqs summary:after{transition:transform .25s ease}
@keyframes button-shine{to{left:135%}}@keyframes faq-enter{from{opacity:.4;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.search-country.input-group{width:100%}.locale-select.form-select{max-width:165px}.plan{border-radius:18px}.hero h1{font-size:clamp(50px,14.7vw,74px)}.button.btn{min-height:44px}.country-toolbar{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Use the supplied logo unchanged; crop only its empty square margins in the layout. */
.brand-logo{display:block;width:150px;height:100px;overflow:hidden;flex-shrink:0;line-height:0;border-radius:12px}.brand-logo .brand-image{display:block;width:150px;height:150px;max-width:none;object-fit:contain;transform:translateY(-24px)}.header .navrow{height:110px}.footer-grid .brand-logo{width:190px;height:128px}.footer-grid .brand-image{width:190px;height:190px;transform:translateY(-30px)}.button.btn:not(.outline){background:linear-gradient(110deg,#962aff,#5e38ed 48%,#087fa9);box-shadow:0 4px 24px #b532ff45;border-color:#d866ff80}.button.btn:not(.outline):hover{box-shadow:0 6px 32px #af34ff65,0 0 22px #18efff24}.hero h1 em{background-image:linear-gradient(100deg,#ee70ff,#b044ff 45%,#19efff)}.ibo-offer{color:#79f6ff;border-color:#18efff88;background:linear-gradient(110deg,#ae36ff24,#18efff18)}.plan.featured{border-color:#c35aff;box-shadow:0 0 30px #b236ff30,0 0 18px #18efff12}.plan.featured:before{background-image:linear-gradient(90deg,#18efff,#af35ff,#f16cff,#18efff)}
@media(max-width:760px){.header .navrow{height:auto;min-height:100px;padding-block:5px 12px}.header .brand-logo{width:130px;height:87px}.header .brand-image{width:130px;height:130px;transform:translateY(-20px)}.header .small{margin-top:-5px}}

/* Transparent vector brand lockup; no square image or cropped background. */
.logo.brand-logo,.footer-grid .logo.brand-logo{display:inline-flex;align-items:center;gap:8px;width:auto;height:auto;overflow:visible;border-radius:0;line-height:1;letter-spacing:-.8px}.brand-logo .brand-mark{width:48px;height:48px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 5px #752aff40)}.logo.brand-logo>.brand-name{font-family:"Barlow Condensed",Impact,sans-serif;font-size:32px;font-weight:800;color:#fff;text-shadow:none;white-space:nowrap}.brand-name>span{background:linear-gradient(100deg,#18efff,#5574ff 55%,#df43ff);background-clip:text;-webkit-background-clip:text;color:transparent}.header .navrow{height:85px}.footer-grid .brand-mark{width:52px;height:52px}@media(max-width:760px){.header .navrow{height:auto;min-height:76px;padding-block:12px}.header .brand-logo{width:auto;height:auto}.header .brand-mark{width:37px;height:37px}.header .brand-name{font-size:27px}.header .brand-logo{gap:5px}.header .small{margin-top:0}}