:root{
  --bg:#0d0e16;--bg2:#11131d;--panel:#181a26;--panel2:#1e2130;--line:rgba(255,255,255,.08);--line2:rgba(124,92,255,.4);
  --pur:#7c5cff;--pur2:#9b7bff;--blue:#3b82f6;--pur-rgb:124,92,255;
  --text:#eef0f7;--muted:#9aa0b8;--muted2:#6c7290;
  --ff-d:"Sora",system-ui,sans-serif;
  --ff-b:"Hanken Grotesk","Noto Sans Bengali","Noto Sans Devanagari","Noto Naskh Arabic",system-ui,sans-serif;
  --maxw:1200px;--radius:16px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;font-family:var(--ff-b);color:var(--text);font-size:17px;line-height:1.75;
  background:radial-gradient(900px 460px at 80% -8%,rgba(var(--pur-rgb),.20),transparent 60%),radial-gradient(700px 500px at 0% 4%,rgba(59,130,246,.12),transparent 55%),linear-gradient(180deg,#10111c,var(--bg))}
.bc-wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:22px}
img{max-width:100%;height:auto;display:block}a{color:var(--pur2)}
:where(.bc-d,h1,h2,h3,.bc-h,.bc-hero-title,.bc-nav,.bc-btn){font-family:var(--ff-d)}
::selection{background:var(--pur);color:#fff}

.bc-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-family:var(--ff-d);font-weight:700;
  letter-spacing:.01em;background:linear-gradient(180deg,var(--pur2),var(--pur));color:#fff;border:0;border-radius:12px;
  padding:.7em 1.5em;font-size:15px;line-height:1.1;cursor:pointer;box-shadow:0 10px 26px -10px rgba(var(--pur-rgb),.7);transition:transform .16s,box-shadow .16s}
.bc-btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px -10px rgba(var(--pur-rgb),.85);color:#fff}
.bc-btn-xl{font-size:18px;padding:.95em 2em}

.bc-head{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);background:rgba(13,14,22,.88);border-bottom:1px solid var(--line)}
.bc-head-in{display:flex;align-items:center;gap:22px;height:70px}
.bc-logo{height:34px;width:auto}.bc-logo-txt{font-family:var(--ff-d);font-weight:800;font-size:20px;color:#fff}
.bc-nav{display:flex;gap:24px;margin-inline-start:10px}
.bc-nav a{font-weight:600;font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.bc-nav a:hover{color:#fff}
.bc-head-r{margin-inline-start:auto;display:flex;align-items:center;gap:14px}
.bc-langs{display:flex;gap:4px;flex-wrap:wrap;max-width:260px;justify-content:flex-end}
.bc-langs a{font-family:var(--ff-d);font-weight:600;font-size:12px;color:var(--muted2);padding:3px 7px;border-radius:7px}
.bc-langs a:hover{color:#fff;background:rgba(255,255,255,.06)}.bc-langs a[aria-current]{background:var(--pur);color:#fff}

.bc-hero{padding:46px 0 20px}
.bc-hero-in{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}
.bc-eyebrow{font-family:var(--ff-d);font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:var(--pur2);font-size:13px;margin:0 0 14px}
.bc-hero-title{font-family:var(--ff-d);font-weight:800;line-height:1.08;font-size:clamp(30px,4.6vw,52px);color:#fff;margin:0 0 26px;letter-spacing:-.01em}
.bc-hero-title .hl{background:linear-gradient(90deg,var(--pur2),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.bc-hero-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.bc-sub{color:var(--muted);font-size:13px}
.bc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.bc-chips span{font-size:12.5px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:6px 12px}
.bc-hero-r{position:relative}
.bc-hero-r img{border-radius:18px;border:1px solid var(--line);box-shadow:0 30px 70px -24px rgba(0,0,0,.8),0 0 0 1px rgba(var(--pur-rgb),.18);width:100%}

.bc-pills{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:8px 0 6px}
.bc-pill{background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.bc-pill b{display:block;font-family:var(--ff-d);font-weight:700;font-size:22px;color:#fff}
.bc-pill span{color:var(--muted);font-size:12.5px;text-transform:uppercase;letter-spacing:.05em}

.bc-games{padding:30px 0 6px}
.bc-h{font-family:var(--ff-d);font-weight:800;font-size:clamp(22px,2.6vw,28px);color:#fff;margin:0 0 18px}
.bc-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.bc-tile{display:block;aspect-ratio:1;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--panel);transition:transform .16s,box-shadow .16s}
.bc-tile:hover{transform:translateY(-4px);box-shadow:0 16px 30px -12px rgba(var(--pur-rgb),.5)}
.bc-tile img{width:100%;height:100%;object-fit:cover}

.bc-main{display:grid;grid-template-columns:260px 1fr;gap:34px;padding:34px 0 20px;align-items:start}
.bc-rail{position:sticky;top:88px}
.bc-rail-card{background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line);border-radius:18px;padding:16px}
.bc-rail-card h3{font-family:var(--ff-d);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted2);margin:4px 10px 10px}
.bc-rail-card nav{display:flex;flex-direction:column}
.bc-rail-card a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--muted);font-size:14px;line-height:1.35}
.bc-rail-card a:hover{background:rgba(var(--pur-rgb),.12);color:#fff}
.bc-ic{flex:0 0 auto;width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:rgba(var(--pur-rgb),.16);color:var(--pur2);font-size:11px}

.bc-content{min-width:0;background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line);border-radius:18px;padding:34px 40px}
.bc-content h1{font-family:var(--ff-d);font-weight:800;line-height:1.12;font-size:clamp(28px,3.4vw,38px);color:#fff;margin:0 0 18px}
.bc-content h2{font-family:var(--ff-d);font-weight:700;font-size:clamp(22px,2.5vw,28px);color:#fff;margin:38px 0 12px;scroll-margin-top:88px;padding-inline-start:14px;border-inline-start:4px solid var(--pur)}
.bc-content h3{font-family:var(--ff-d);font-weight:600;font-size:19px;color:var(--pur2);margin:26px 0 8px;scroll-margin-top:88px}
.bc-content p{margin:0 0 16px;color:#ccd0e2}.bc-content strong{color:#fff}
.bc-content a{color:var(--pur2);text-decoration:underline;text-underline-offset:3px}
.bc-content ul{margin:0 0 18px;padding:0;list-style:none}
.bc-content ul li{position:relative;padding-inline-start:26px;margin:8px 0}
.bc-content ul li::before{content:"◆";position:absolute;inset-inline-start:0;color:var(--pur);font-size:11px;top:.35em}
.bc-content .bonus-row{display:flex;gap:10px;background:rgba(var(--pur-rgb),.1);border-inline-start:3px solid var(--pur);border-radius:0 10px 10px 0;padding:10px 14px;margin:8px 0;color:#fff}
.bc-content .media{margin:24px 0;display:flex;flex-direction:column;align-items:center;gap:8px}
.bc-content .media img{max-width:100%;max-height:460px;width:auto;border-radius:14px;border:1px solid var(--line)}
.bc-content .media figcaption{font-size:12.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.bc-content .media-slot{display:grid;place-items:center;min-height:170px;border:1px dashed var(--line2);border-radius:14px;background:var(--panel2);color:var(--muted)}

.bc-offer{margin-top:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  background:radial-gradient(120% 140% at 0% 0%,rgba(var(--pur-rgb),.28),transparent 60%),linear-gradient(180deg,var(--panel2),var(--panel));
  border:1px solid var(--line2);border-radius:16px;padding:22px 26px}
.bc-offer-eyebrow{font-family:var(--ff-d);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:var(--pur2)}
.bc-offer-bonus{font-family:var(--ff-d);font-weight:800;font-size:clamp(20px,2.4vw,26px);color:#fff;margin:4px 0 4px}
.bc-offer-bonus .hl{color:var(--pur2)}.bc-offer-note{font-size:12px;color:var(--muted)}

.bc-faq{padding:24px 0}
.bc-faq-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bc-q{background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line);border-radius:14px;overflow:hidden}
.bc-q[open]{border-color:var(--line2)}
.bc-q summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px 18px;font-family:var(--ff-d);font-weight:600;font-size:16px;color:#fff}
.bc-q summary::-webkit-details-marker{display:none}
.bc-q summary i{flex:0 0 auto;width:22px;height:22px;position:relative}
.bc-q summary i::before,.bc-q summary i::after{content:"";position:absolute;background:var(--pur2);border-radius:2px}
.bc-q summary i::before{inset:0 45%;width:2px}.bc-q summary i::after{inset:45% 0;height:2px}
.bc-q[open] summary i::before{display:none}
.bc-q>div{padding:0 18px 16px;color:#ccd0e2}.bc-q>div p{margin:0}

.bc-foot{border-top:1px solid var(--line);margin-top:30px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.4))}
.bc-foot-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px;padding:42px 0 24px}
.bc-foot-top .bc-logo{height:30px;margin-bottom:12px}.bc-foot-top p{color:var(--muted);font-size:14px;max-width:34ch}
.bc-foot h4{font-family:var(--ff-d);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--pur2);margin:0 0 10px}
.bc-foot-top a{display:block;color:var(--muted);font-size:14px;padding:4px 0}.bc-foot-top a:hover{color:#fff}
.bc-foot-langs{columns:2;font-size:13px}
.bc-legal{color:var(--muted2);font-size:12px;line-height:1.6;padding:16px 0;border-top:1px solid var(--line)}
.bc-foot-bot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:12px 0 38px;color:var(--muted2);font-size:13px}

/* RTL (Urdu) */
[dir=rtl] .bc-eyebrow,[dir=rtl] .bc-offer-eyebrow{letter-spacing:0}
[dir=rtl] .bc-chips,[dir=rtl] .bc-langs{justify-content:flex-start}

@media (max-width:960px){
  .bc-hero-in{grid-template-columns:1fr}.bc-hero-r{display:none}
  .bc-pills{grid-template-columns:repeat(2,1fr)}.bc-grid{grid-template-columns:repeat(3,1fr)}
  .bc-main{grid-template-columns:1fr}.bc-rail{position:static}
  .bc-rail-card nav{flex-direction:row;flex-wrap:wrap}.bc-rail-card a{background:var(--panel2)}
  .bc-nav{display:none}.bc-faq-list{grid-template-columns:1fr}.bc-foot-top{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){.bc-content{padding:24px 20px}.bc-grid{grid-template-columns:repeat(2,1fr)}.bc-foot-top{grid-template-columns:1fr}}