/*
Theme Name: BANBILETV APP
Author: AWOBAZ DTS INC
Description: Premium responsive OTT theme for BANBILE TV Network: sports-streaming style homepage, sticky header, horizontal rails, Live TV, On Demand, pricing, client portal, legal pages and mobile-first UI.
Version: 51.0.0
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bb-bg:#061126;--bb-bg2:#0b1a38;--bb-bg3:#101f42;--bb-card:#111827;--bb-line:rgba(255,255,255,.12);--bb-text:#fff;--bb-soft:#dce7ff;--bb-muted:#98a9c7;--bb-red:#ff2a45;--bb-blue:#03a9ff;--bb-purple:#7b2dff;--bb-shadow:0 24px 70px rgba(0,0,0,.38);--bb-radius:18px;--bb-grad:linear-gradient(135deg,#802cff 0%,#009dff 58%,#18ffe2 100%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:radial-gradient(circle at 70% 0,rgba(123,45,255,.19),transparent 34%),linear-gradient(180deg,#061126,#081733 52%,#071229);color:var(--bb-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:600;letter-spacing:-.01em;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font-family:inherit}.bb-container{width:min(1280px,calc(100% - 48px));margin-inline:auto}.bb-header{position:fixed;z-index:90;top:0;left:0;right:0;background:linear-gradient(180deg,rgba(4,11,24,.95),rgba(4,11,24,.66),rgba(4,11,24,.08));backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}.bb-nav{height:78px;display:flex;align-items:center;gap:22px}.bb-logo{display:flex;align-items:center;gap:12px;min-width:200px}.bb-logo img{height:48px;width:auto;object-fit:contain}.bb-menu{display:flex;align-items:center;gap:23px;flex:1}.bb-menu a:not(.bb-btn){font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#edf4ff;opacity:.86;position:relative;white-space:nowrap}.bb-menu a:hover,.bb-menu a.active{opacity:1}.bb-menu a.active:after,.bb-menu a:hover:after{content:"";position:absolute;height:3px;border-radius:999px;background:linear-gradient(90deg,#fff,#75d5ff);left:0;right:0;bottom:-28px}.bb-spacer{flex:1}.bb-search{height:38px;width:min(220px,22vw);border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.10);border-radius:12px;color:#fff;padding:0 13px;outline:none}.bb-search::placeholder{color:rgba(255,255,255,.62)}.bb-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,#ff314c,#c20f2e);color:#fff;font-weight:900;font-size:13px;box-shadow:0 16px 34px rgba(255,42,69,.25);cursor:pointer;transition:.22s;white-space:nowrap}.bb-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.bb-btn.secondary{background:rgba(255,255,255,.10);box-shadow:none;border:1px solid rgba(255,255,255,.15)}.bb-btn.gold{background:linear-gradient(135deg,#ffc83d,#ff6a00);box-shadow:0 16px 34px rgba(255,153,0,.22)}.bb-mobile-toggle{display:none;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:14px;padding:10px 13px;font-weight:900}
.bb-hero{min-height:760px;display:flex;align-items:flex-end;position:relative;overflow:hidden;background:radial-gradient(circle at 74% 20%,rgba(0,157,255,.24),transparent 30%),radial-gradient(circle at 12% 10%,rgba(255,42,69,.20),transparent 26%),linear-gradient(90deg,#07142d 0%,rgba(7,20,45,.92) 38%,rgba(7,20,45,.35) 70%),url('assets/banbile-white-logo.png') center right 7%/620px no-repeat}.bb-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,17,38,.15) 0%,rgba(6,17,38,.25) 56%,var(--bb-bg) 98%),linear-gradient(90deg,rgba(255,42,69,.30),transparent 28%)}.bb-hero:after{content:"";position:absolute;right:-80px;top:110px;width:520px;height:520px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:inset 0 0 80px rgba(0,157,255,.12)}.bb-hero-inner{position:relative;z-index:2;padding:150px 0 88px}.bb-kicker,.bb-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.10);backdrop-filter:blur(10px);border-radius:999px;padding:8px 12px;color:#e8f1ff;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.bb-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:#36ff99;box-shadow:0 0 18px #36ff99}.bb-hero h1{font-size:clamp(44px,7vw,92px);line-height:.92;margin:22px 0 16px;max-width:830px;letter-spacing:-.065em;font-weight:950}.bb-grad{background:linear-gradient(90deg,#fff 0%,#93e4ff 45%,#c4a6ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.bb-hero p{max-width:710px;color:#d8e4fb;font-size:clamp(15px,2vw,19px);line-height:1.62;font-weight:500}.bb-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:29px}.bb-hero-logos{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.bb-hero-logo-tile{width:132px;height:88px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.24);border-radius:18px;display:grid;place-items:center;box-shadow:var(--bb-shadow)}.bb-hero-logo-tile img{max-height:66px;max-width:102px;object-fit:contain}.bb-dots{display:flex;gap:8px;margin-top:36px}.bb-dots span{width:34px;height:4px;background:rgba(255,255,255,.26);border-radius:999px}.bb-dots span:first-child{background:#fff}.bb-section{padding:30px 0 10px}.bb-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px;gap:18px}.bb-section h2,.bb-section-head h1{font-size:clamp(20px,2.3vw,30px);margin:0;text-transform:uppercase;letter-spacing:-.04em;font-weight:950}.bb-meta{color:var(--bb-muted);font-weight:500;font-size:13px;line-height:1.55}.bb-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 0 20px;margin-right:calc((100vw - min(1280px,calc(100vw - 48px)))/-2);padding-right:48px;overscroll-behavior-x:contain}.bb-rail .bb-grid{display:contents}.bb-rail::-webkit-scrollbar{height:8px}.bb-rail::-webkit-scrollbar-thumb{background:rgba(255,255,255,.17);border-radius:999px}.bb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.bb-card{position:relative;overflow:hidden;background:#20242e;border:1px solid rgba(255,255,255,.08);min-height:174px;border-radius:16px;transition:.22s;scroll-snap-align:start;box-shadow:0 12px 32px rgba(0,0,0,.20)}.bb-card:before{content:"";display:block;padding-top:56.25%}.bb-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.35s}.bb-card:not(:has(img)){background:linear-gradient(135deg,#12244c,#1a1f2d)}.bb-card:not(:has(img)):after{content:"BANBILE";position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.13);font-size:36px;font-weight:950;font-style:italic;letter-spacing:-.08em}.bb-card:hover{transform:translateY(-4px) scale(1.018);z-index:3;border-color:rgba(255,255,255,.24);box-shadow:0 25px 60px rgba(0,0,0,.36)}.bb-card:hover>img{transform:scale(1.06)}.bb-card-body{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:58px 13px 13px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.88))}.bb-card h3{font-size:14px;line-height:1.25;margin:6px 0 2px;font-weight:900}.bb-badge{display:inline-flex;background:rgba(9,22,48,.88);border:1px solid rgba(255,255,255,.18);font-size:10px;text-transform:uppercase;padding:4px 7px;border-radius:999px;color:#eaf3ff}.bb-fav{position:absolute;right:10px;top:10px;z-index:4;width:34px;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.46);color:#fff;backdrop-filter:blur(8px)}.bb-tax-nav{display:flex;gap:10px;overflow:auto;padding:8px 0 18px}.bb-tax-nav a{white-space:nowrap;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:11px 15px;font-size:13px;font-weight:800}.bb-feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-50px;position:relative;z-index:5}.bb-feature{border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045));border-radius:22px;padding:18px;box-shadow:var(--bb-shadow)}.bb-feature b{display:block;font-size:15px}.bb-feature span{display:block;color:var(--bb-muted);font-size:12px;line-height:1.45;margin-top:5px;font-weight:500}.bb-panel,.bb-form,.bb-empty{background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.11);border-radius:24px;padding:24px;box-shadow:0 18px 48px rgba(0,0,0,.24)}.bb-auth-shell{min-height:86vh;display:grid;place-items:center;padding:120px 20px 44px;background:radial-gradient(circle at top right,rgba(29,155,240,.22),transparent 32%)}.bb-auth-card{width:min(540px,100%)}.bb-form input{width:100%;height:54px;border-radius:15px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.085);color:#fff;margin:7px 0 15px;padding:0 15px;outline:none}.bb-form input:focus{border-color:rgba(3,169,255,.75);box-shadow:0 0 0 4px rgba(3,169,255,.12)}.bb-form label{font-size:13px;color:#dce6ff}.bb-player-wrap{position:relative;aspect-ratio:16/9;background:#000;border-radius:22px;overflow:hidden;margin-top:104px;box-shadow:var(--bb-shadow)}.bb-player-wrap iframe,.bb-player-wrap video{width:100%;height:100%;border:0}.bb-offline{display:none;position:absolute;inset:0;background:linear-gradient(135deg,#111,#1b2541);place-items:center;text-align:center}.bb-footer{margin-top:56px;border-top:1px solid rgba(255,255,255,.11);padding:34px 0;color:#b9c4dc}.bb-footer-links{display:flex;gap:22px;flex-wrap:wrap;font-size:12px}.bb-footer-brand{margin-top:24px;font-size:12px;opacity:.85}.bb-admin-note{display:none!important}
@media(max-width:1100px){.bb-search{display:none}.bb-menu{gap:16px}.bb-logo{min-width:170px}.bb-logo img{height:42px}.bb-grid{grid-template-columns:repeat(3,1fr)}.bb-feature-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.bb-container{width:min(100% - 28px,1280px)}.bb-nav{height:70px}.bb-mobile-toggle{display:block;margin-left:auto}.bb-menu{display:none;position:absolute;top:76px;left:14px;right:14px;background:rgba(5,14,31,.98);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:18px;flex-direction:column;align-items:stretch;box-shadow:var(--bb-shadow)}.bb-menu.open{display:flex}.bb-menu a:not(.bb-btn){font-size:14px;padding:10px 4px}.bb-menu a.active:after,.bb-menu a:hover:after{display:none}.bb-search{display:block;width:100%}.bb-hero{min-height:680px;background-size:420px;background-position:center 110px}.bb-hero-inner{padding:130px 0 58px}.bb-hero h1{max-width:100%}.bb-grid{grid-template-columns:repeat(2,1fr)}.bb-rail{grid-auto-columns:72%;margin-right:-14px;padding-right:14px}.bb-section-head{align-items:flex-start;flex-direction:column}.bb-feature-strip{margin-top:-28px}.bb-logo{min-width:auto}.bb-logo img{height:38px}.bb-btn{padding:12px 16px}}
@media(max-width:560px){body{letter-spacing:0}.bb-nav{height:66px}.bb-logo img{height:34px}.bb-mobile-toggle{padding:9px 11px}.bb-hero{min-height:660px;background-size:310px;background-position:center 112px}.bb-hero:after{display:none}.bb-hero-inner{padding-top:125px}.bb-kicker{font-size:10px;padding:7px 10px}.bb-hero h1{font-size:42px;line-height:.96;letter-spacing:-.052em}.bb-hero p{font-size:15px}.bb-actions .bb-btn{width:100%;height:48px}.bb-hero-logo-tile{width:calc(50% - 7px);height:76px}.bb-section{padding-top:25px}.bb-section h2{font-size:21px}.bb-grid{grid-template-columns:1fr}.bb-rail{grid-auto-columns:86%;gap:13px}.bb-card{min-height:186px;border-radius:14px}.bb-card h3{font-size:13px}.bb-feature-strip{grid-template-columns:1fr;gap:10px}.bb-feature{padding:15px;border-radius:18px}.bb-footer-links{gap:14px;line-height:1.8}.bb-player-wrap{margin-top:82px;border-radius:16px}}