@font-face{font-family:"Passion One";src:url(/fonts/passion-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:optional}
@font-face{font-family:"Passion One";src:url(/fonts/passion-900.woff2) format("woff2");font-weight:900;font-style:normal;font-display:optional}
@font-face{font-family:"Mukta";src:url(/fonts/mukta-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:optional}
@font-face{font-family:"Mukta";src:url(/fonts/mukta-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:optional}
@font-face{font-family:"Mukta";src:url(/fonts/mukta-800.woff2) format("woff2");font-weight:800;font-style:normal;font-display:optional}
:root{--b9n-navy:#0A1B4F;--b9n-mid:#0C7FB5;--b9n-cyan:#12C6E8;--b9n-acc:#00A6D6;--b9n-gold:#FFC21A;--b9n-wa:#25D366;--b9n-strip:#08123A;--b9n-bg:#E9ECF1;--b9n-card:#FFFFFF;--b9n-ink:#16203A;--b9n-mute:#4A5570;--b9n-line:#CDD4E0;--b9n-red:#D3203A;--b9n-hd:"Passion One","Mukta",Impact,"Arial Narrow",sans-serif;--b9n-bd:"Mukta",system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;overflow-x:clip;max-width:100%;background:#E9ECF1;color:#16203A;font:400 17px/1.65 var(--b9n-bd)}
:where(body *){min-width:0}
p,li,td,th,dd,dt,h1,h2,h3,h4{overflow-wrap:break-word}
img{max-width:100%;height:auto;display:block}
main{display:block;max-width:100%;overflow-x:clip}
a{color:#0866A0}
a:not([class]){text-decoration:underline;text-underline-offset:2px}
a:not([class]):hover{color:#0A1B4F}
h1,h2,h3,h4{font-family:var(--b9n-hd);font-weight:700;line-height:1.12;color:#0A1B4F;margin:0 0 .5em;letter-spacing:.2px}
h1{font-size:clamp(30px,5.2vw,50px);font-weight:900}
h2{font-size:clamp(25px,3.6vw,36px)}
h3{font-size:clamp(20px,2.4vw,25px)}
h4{font-size:19px}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:1.3em}
:focus-visible{outline:3px solid #FFC21A;outline-offset:2px}
.skip-link{position:absolute;left:8px;top:8px;z-index:200;background:#FFC21A;color:#0A1B4F;font-weight:800;padding:10px 16px;border-radius:6px;clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.skip-link:focus{clip:auto;clip-path:none;width:auto;height:auto;overflow:visible}

/* ===== header ===== */
.hdr{position:sticky;top:0;z-index:60;width:100%;max-width:100vw;background:linear-gradient(90deg,#0A1B4F 0%,#0C7FB5 55%,#12C6E8 100%);color:#fff;box-shadow:0 2px 10px rgba(8,18,58,.35)}
.hdr:has(.mnav.open){z-index:120}
.b9n-top{display:flex;align-items:center;gap:14px;max-width:1240px;margin:0 auto;padding:9px 16px;flex-wrap:wrap}
.b9n-logo{display:inline-flex;align-items:center;flex:0 0 auto}
.b9n-logo img{height:30px;width:auto;flex:0 0 auto}
.b9n-hnote{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:#fff;margin-right:auto}
.b9n-dot{width:9px;height:9px;border-radius:50%;background:#25D366;box-shadow:0 0 0 0 rgba(37,211,102,.7);animation:b9n-twinkle 1.4s infinite;flex:0 0 auto}
.b9n-hcta{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.b9n-burger{display:none;width:46px;height:44px;border:2px solid rgba(255,255,255,.55);border-radius:8px;background:#0A1B4F;cursor:pointer;padding:9px 9px;flex-direction:column;justify-content:space-between;flex:0 0 auto}
.b9n-burger span{display:block;height:3px;border-radius:2px;background:#fff;transition:transform .2s,opacity .2s}
.b9n-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(9px) rotate(45deg)}
.b9n-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.b9n-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
.b9n-tabs{background:#08123A;border-top:1px solid rgba(255,255,255,.12)}
.b9n-tabs ul{list-style:none;margin:0 auto;padding:6px 12px;max-width:1240px;display:flex;flex-wrap:wrap;gap:4px 2px;justify-content:center}
.b9n-tabs li{flex:0 1 auto}
.b9n-tabs a{position:relative;display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:6px 11px;border-radius:5px;color:#E6F6FF !important;background:#08123A;text-decoration:none;font:600 14.5px/1.2 var(--b9n-bd);white-space:nowrap;transition:background .2s,color .2s}
.b9n-tabs a:hover{background:#12305F;color:#FFFFFF !important}
.b9n-tabs a[aria-current="page"]{background:#00A6D6;color:#08123A !important}
.b9n-tabs a.b9n-zoom{animation:b9n-zoomtab 1s infinite alternate;color:#08123A !important;background:#FFC21A}
.b9n-tabs a.b9n-zoom[aria-current="page"]{animation:none;background:#00A6D6}
.b9n-new{font-style:normal;font:800 10.5px/1 var(--b9n-bd);letter-spacing:.5px;padding:3px 5px;border-radius:3px;background:#D3203A;color:#fff;animation:b9n-newtag 2s infinite}

/* ===== ticket CTA ===== */
.b9n-tkt{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 22px;font:800 15.5px/1.15 var(--b9n-bd);text-decoration:none;text-align:center;letter-spacing:.2px;overflow:hidden;isolation:isolate;-webkit-clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);transition:transform .2s,filter .2s;max-width:100%}
.b9n-tkt::before,.b9n-tkt::after{content:"";position:absolute;pointer-events:none;z-index:-1}
.b9n-tkt::before{left:-100%;top:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#FFFFFF);animation:b9n-run1 2s linear infinite}
.b9n-tkt::after{right:-100%;bottom:0;width:100%;height:2px;background:linear-gradient(270deg,transparent,#FFFFFF);animation:b9n-run3 2s linear infinite 1s}
.b9n-tkt:hover{transform:translateY(-1px);filter:brightness(1.06)}
.b9n-gold{background:#FFC21A !important;color:#0A1B4F !important}
.b9n-wa{background:#25D366 !important;color:#062C16 !important}
.b9n-tkt-lg{min-height:52px;padding:12px 30px;font-size:17.5px;animation:b9n-pulse 1.6s ease-in-out infinite}
.b9n-tkt-ghost{background:#0A1B4F !important;color:#FFFFFF !important}

/* ===== layout primitives ===== */
.b9n-wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.b9n-sec{padding-block:34px}
.b9n-sec+.b9n-sec{padding-block-start:8px}
.b9n-card{background:#FFFFFF;color:#16203A;border-radius:10px;box-shadow:0 1px 3px rgba(10,27,79,.12);padding:22px}
.b9n-crumb{font-size:14px;color:#4A5570;margin:16px 0 8px}
.b9n-crumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px;padding:0;margin:0}
.b9n-crumb li+li::before{content:"›";margin-right:4px;color:#0C7FB5}
.b9n-crumb a{color:#0866A0}
.b9n-kicker{display:inline-flex;align-items:center;gap:7px;font:800 13px/1 var(--b9n-bd);letter-spacing:1.2px;text-transform:uppercase;color:#0A1B4F;background:#BFEFFB;padding:6px 10px;border-radius:4px;margin-bottom:12px}
.b9n-kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:#D3203A;animation:b9n-blink 1s steps(2,start) infinite;flex:0 0 auto}
.b9n-lead{border-left:5px solid #00A6D6;background:#FFFFFF;color:#16203A;padding:14px 18px;border-radius:0 8px 8px 0;font-size:18.5px;line-height:1.6}
.b9n-slip{position:relative;background:#FFFFFF;color:#16203A;border-radius:8px;padding:20px 20px 18px;margin:0 0 1.2em;border-top:3px dashed #0C7FB5;box-shadow:0 1px 3px rgba(10,27,79,.12)}
.b9n-slip::before,.b9n-slip::after{content:"";position:absolute;top:-10px;width:18px;height:18px;border-radius:50%;background:#E9ECF1;pointer-events:none}
.b9n-slip::before{left:-9px}
.b9n-slip::after{right:-9px}
.b9n-slip>:last-child{margin-bottom:0}
.b9n-mrows{list-style:none;counter-reset:b9n-m;padding:0;margin:0 0 1.2em;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(10,27,79,.12)}
.b9n-mrows>li{counter-increment:b9n-m;display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;padding:13px 16px;background:#FFFFFF;color:#16203A;border-bottom:1px solid #E1E6EE}
.b9n-mrows>li:nth-child(even){background:#F4F8FC}
.b9n-mrows>li::before{content:counter(b9n-m);display:grid;place-items:center;width:38px;height:38px;border-radius:6px;background:#A7D8F5;color:#0A1B4F;font:900 19px/1 var(--b9n-hd)}
.b9n-mrows>li:nth-child(even)::before{background:#F9C7D2}
.b9n-tblw{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;margin:0 0 1.2em;border-radius:8px;background:#FFFFFF;scrollbar-width:thin;scrollbar-color:#0C7FB5 #E1E6EE;position:relative}
.b9n-tblw>table{min-width:430px}
table{width:100%;border-collapse:collapse;background:#FFFFFF;color:#16203A;font-size:15.5px}
th,td{padding:10px 12px;text-align:left;border-bottom:1px solid #E1E6EE;vertical-align:top}
th{background:#0A1B4F;color:#FFFFFF;font-weight:800}
tbody tr:nth-child(even) td{background:#F4F8FC}
.b9n-fig{position:relative;margin:0 0 1.4em;border-radius:10px;overflow:hidden;background:#0A1B4F;color:#E6F6FF}
.b9n-fig img{width:100%;height:auto}
.b9n-fig::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg);transition:left .7s}
.b9n-fig:hover::after{left:120%}
.b9n-fig figcaption{padding:9px 14px;font-size:14.5px;background:#0A1B4F;color:#E6F6FF}

/* ===== FAQ market rows ===== */
.b9n-faq{border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(10,27,79,.12);margin:0 0 1.2em}
.b9n-faq details{background:#FFFFFF;color:#16203A;border-bottom:1px solid #E1E6EE}
.b9n-faq details:nth-of-type(even){background:#F4F8FC}
.b9n-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:14px 16px;font:700 17px/1.35 var(--b9n-bd);color:#0A1B4F;min-height:44px}
.b9n-faq summary::-webkit-details-marker{display:none}
.b9n-faq summary::after{content:"+";margin-left:auto;flex:0 0 auto;display:grid;place-items:center;width:34px;height:30px;border-radius:4px;background:#A7D8F5;color:#0A1B4F;font:900 20px/1 var(--b9n-hd)}
.b9n-faq details[open] summary::after{content:"−";background:#F9C7D2}
.b9n-faq details>div,.b9n-faq details>p{padding:0 16px 14px}

/* ===== chips + next cards ===== */
.also-search{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 1.2em}
.also-search li{flex:0 1 auto;max-width:100%}
.also-search span,.also-search a{display:inline-block;max-width:100%;white-space:normal;padding:7px 13px;border-radius:20px;background:#FFFFFF;color:#0A1B4F;border:1px solid #A7D8F5;font-size:14.5px;text-decoration:none}
.b9n-next{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 1.2em}
.b9n-next a{display:block;padding:18px;border-radius:10px;background:#0A1B4F;color:#E6F6FF !important;text-decoration:none;border-bottom:4px solid #12C6E8;transition:transform .2s}
.b9n-next a:hover{transform:translateY(-3px)}
.b9n-next b{display:block;font:700 21px/1.15 var(--b9n-hd);color:#FFC21A;margin-bottom:6px}
.b9n-next span{display:block;font-size:15px;color:#E6F6FF}
.b9n-arrow{display:inline-block;animation:b9n-bob 1s ease-in-out infinite alternate}

/* ===== home lobby ===== */
.b9n-lobby{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 1.2em}
.b9n-tile{position:relative;display:block;border-radius:10px;overflow:hidden;background:#0A1B4F;color:#FFFFFF !important;text-decoration:none;box-shadow:0 2px 6px rgba(10,27,79,.25)}
.b9n-tile img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.b9n-tile::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-18deg);transition:left .7s}
.b9n-tile:hover::after{left:130%}
.b9n-cap{display:block;padding:8px 10px;background:linear-gradient(180deg,#FFD54A,#E9A800);color:#0A1B4F;font:700 18px/1.1 var(--b9n-hd);text-align:center;box-shadow:inset 0 -3px 0 #B57E00}
.b9n-newrail{position:relative;display:flex;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:12px;border-radius:10px;background:#7A0F22;color:#FFFFFF;scrollbar-width:thin;scrollbar-color:#FFC21A #5A0A18;margin:0 0 1.2em}
.b9n-newrail>*{flex:0 0 auto;width:150px}
.b9n-liverail{background:#FFFFFF;color:#16203A;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px rgba(10,27,79,.12)}
.b9n-liverail h3,.b9n-liverail .b9n-lrh{margin:0;padding:10px 14px;background:#0A1B4F;color:#FFFFFF;font:700 20px/1.1 var(--b9n-hd)}
.b9n-liverail ul{list-style:none;margin:0;padding:0}
.b9n-liverail li a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid #E1E6EE;color:#0A1B4F;text-decoration:none;min-height:44px}
.b9n-liverail li a em{font-style:normal;font-weight:800;font-size:13px;padding:3px 8px;border-radius:12px;background:#D3203A;color:#FFFFFF;animation:b9n-inplay 1.5s infinite alternate}

/* ===== seo-box base (variants per page) ===== */
.seo-box{background:#FFFFFF;color:#16203A;border-radius:10px;padding:22px;margin:0 0 1.2em}
.seo-box h3{margin-top:.6em}

/* ===== footer ===== */
.b9n-ftr{background:#08123A;color:#C9D6EE;padding:38px 0 96px;margin-top:30px;font-size:15.5px}
.b9n-ftr a{color:#E6F6FF}
.b9n-fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:26px}
.b9n-fblurb{color:#C9D6EE}
.b9n-fwa b{color:#FFFFFF}
.b9n-flabel{font:700 19px/1.1 var(--b9n-hd);color:#FFC21A;margin:0 0 10px;letter-spacing:.3px}
.b9n-flinks{list-style:none;padding:0;margin:0}
.b9n-flinks li{margin:0 0 4px}
.b9n-flinks a{display:inline-block;padding:5px 0;min-height:32px;text-decoration:none}
.b9n-flinks a:hover{color:#12C6E8}
.b9n-social{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 12px}
.b9n-soc{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#12305F;flex:0 0 auto;transition:background .2s}
.b9n-soc:hover{background:#0C7FB5}
.b9n-soc svg{width:20px;height:20px;fill:#FFFFFF}
.b9n-tp{display:inline-block;color:#25D366 !important;font-weight:700}
.b9n-flegal{margin-top:28px;padding-top:20px;border-top:1px solid #22305E;display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between}
.b9n-qt{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.b9n-qtplate{display:inline-flex;align-items:center;background:#FFFFFF;border-radius:8px;padding:7px 11px;flex:0 0 auto}
.b9n-qtplate img{height:26px;width:auto;flex:0 0 auto}
.b9n-qt p{margin:0;display:flex;flex-direction:column;font-size:14px;line-height:1.4;color:#C9D6EE}
.b9n-lgl{list-style:none;display:flex;flex-wrap:wrap;gap:6px 16px;padding:0;margin:0}
.b9n-lgl a{display:inline-block;padding:6px 0;font-size:14.5px}
.b9n-age{flex:1 1 100%;margin:0;font-size:14px;color:#C9D6EE}
.b9n-age b{display:inline-block;background:#D3203A;color:#FFFFFF;padding:2px 7px;border-radius:4px;margin-right:6px}

/* ===== WA float ===== */
.b9n-waf{position:fixed;right:18px;bottom:18px;z-index:80;width:60px;height:60px;border-radius:50%;background:#25D366 !important;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.3);animation:b9n-wafloat 1.6s ease-in-out infinite alternate}
.b9n-waf::before{content:"";position:absolute;inset:0;border-radius:50%;border:3px solid #25D366;pointer-events:none;animation:b9n-ring 1.8s ease-out infinite}

/* ===== keyframes ===== */
@keyframes b9n-zoomtab{0%{transform:scale(1);background:#FFC21A}50%{transform:scale(1.07);background:#FF8A3D}100%{transform:scale(1);background:#12C6E8}}
@keyframes b9n-newtag{0%,100%{background:#D3203A;color:#FFFFFF}33%{background:#FFFFFF;color:#D3203A}66%{background:#FFC21A;color:#0A1B4F}}
@keyframes b9n-twinkle{0%{box-shadow:0 0 0 0 rgba(37,211,102,.7)}100%{box-shadow:0 0 0 8px rgba(37,211,102,0)}}
@keyframes b9n-blink{to{visibility:hidden}}
@keyframes b9n-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@keyframes b9n-run1{0%{left:-100%}50%,100%{left:100%}}
@keyframes b9n-run3{0%{right:-100%}50%,100%{right:100%}}
@keyframes b9n-bob{from{transform:translateX(0)}to{transform:translateX(3px)}}
@keyframes b9n-inplay{from{background:#FFC21A;color:#0A1B4F}to{background:#D3203A;color:#FFFFFF}}
@keyframes b9n-wafloat{from{transform:scale(1)}to{transform:scale(1.07)}}
@keyframes b9n-ring{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.5);opacity:0}}

/* ===== responsive ===== */
@media (max-width:1000px){.b9n-lobby{grid-template-columns:repeat(3,1fr)}.b9n-fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:900px){
 .b9n-hnote{display:none}
 .b9n-logo{margin-right:auto}
 .b9n-burger{display:flex}
 .b9n-top{flex-wrap:nowrap;gap:8px}
 .b9n-hcta .b9n-hlogin{display:none}
 .b9n-tabs{display:none;position:absolute;left:0;right:0;top:100%;width:100%;box-shadow:0 10px 20px rgba(0,0,0,.35);max-height:calc(100vh - 70px);overflow-y:auto}
 .b9n-tabs.open{display:block}
 .b9n-tabs ul{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px}
 .b9n-tabs li{display:block}
 .b9n-tabs a{display:flex;width:100%;min-height:44px;font-size:13.5px;white-space:normal;padding:8px 10px;background:#12305F}
 .b9n-tabs a.b9n-zoom{animation:none;background:#FFC21A}
 .b9n-next{grid-template-columns:1fr}
}
@media (max-width:560px){
 body{font-size:16.5px}
 .b9n-hcta .b9n-tkt{padding:8px 16px;font-size:14px;white-space:nowrap}
 .b9n-hs{display:none}
 .b9n-logo img{height:24px}
 .b9n-lobby{grid-template-columns:repeat(2,1fr)}
 .b9n-fgrid{grid-template-columns:1fr}
 .b9n-card,.seo-box{padding:16px}
}
@media (max-width:380px){.b9n-hcta .b9n-tkt{padding:8px 10px;font-size:13px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}}