/* tk971 base styles - mobile-first, prefix w839f- */
:root{
  --w839f-primary:#FFCCCB;
  --w839f-bg:#2C2C2C;
  --w839f-bg-2:#1f1f1f;
  --w839f-bg-3:#3a3a3a;
  --w839f-text:#FFCCCB;
  --w839f-text-light:#ffe9e9;
  --w839f-text-muted:#cfcfcf;
  --w839f-accent:#e6007e;
  --w839f-accent-2:#ff9a3c;
  --w839f-gold:#ffd28a;
  --w839f-border:#4a4a4a;
  --w839f-shadow:0 2px 10px rgba(0,0,0,.45);
  --w839f-radius:10px;
  --w839f-radius-sm:8px;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
html{font-size:62.5%;}
body{
  font-family:"Noto Sans Bengali","Hind Siliguri",system-ui,Segoe UI,Roboto,sans-serif;
  background:var(--w839f-bg);
  color:var(--w839f-text-light);
  line-height:1.5rem;
  font-size:1.5rem;
  overflow-x:hidden;
}
a{color:var(--w839f-primary);text-decoration:none;}
img{max-width:100%;display:block;}
ul{list-style:none;}
h1,h2,h3,h4{font-weight:700;line-height:1.25;color:#fff;}
h1{font-size:2.2rem;}
h2{font-size:1.9rem;}
h3{font-size:1.65rem;}
h4{font-size:1.45rem;}
p{margin-bottom:1rem;}

/* ===== Header ===== */
.w839f-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:linear-gradient(90deg,#1f1f1f,#2C2C2C 60%,#3a0a1f);
  border-bottom:1px solid var(--w839f-border);
  padding:0 1rem;
  height:56px;
  display:flex;align-items:center;justify-content:space-between;
  box-shadow:var(--w839f-shadow);
}
.w839f-brand{display:flex;align-items:center;gap:.6rem;}
.w839f-brand img{width:30px;height:30px;border-radius:6px;}
.w839f-brand span{font-size:1.6rem;font-weight:800;color:#fff;letter-spacing:.3px;}
.w839f-brand small{display:block;font-size:1rem;color:var(--w839f-primary);font-weight:600;}
.w839f-actions{display:flex;align-items:center;gap:.5rem;}
.w839f-btn{
  display:inline-flex;align-items:center;gap:.35rem;
  padding:.55rem 1rem;border:0;cursor:pointer;
  font-size:1.25rem;font-weight:700;border-radius:20px;
  transition:transform .15s ease,filter .15s ease;
  min-height:36px;
}
.w839f-btn:hover{transform:scale(1.04);filter:brightness(1.08);}
.w839f-btn-primary{background:linear-gradient(90deg,#e6007e,#ff3c7e);color:#fff;}
.w839f-btn-outline{background:transparent;border:1.5px solid var(--w839f-primary);color:var(--w839f-primary);}
.w839f-menu-btn{
  background:transparent;border:0;color:#fff;font-size:2rem;cursor:pointer;
  width:38px;height:38px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;
}
.w839f-menu-btn:hover{background:var(--w839f-bg-3);}

/* ===== Mobile Menu Drawer ===== */
.w839f-menu-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9999;
  opacity:0;visibility:hidden;transition:opacity .25s ease;
}
.w839f-menu-overlay.w839f-open{opacity:1;visibility:visible;}
.w839f-menu{
  position:fixed;top:0;right:-80%;width:80%;max-width:320px;height:100%;
  background:var(--w839f-bg-2);z-index:10000;
  transition:right .28s ease;padding:1.5rem 1.2rem;overflow-y:auto;
}
.w839f-menu.w839f-open{right:0;}
.w839f-menu-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;padding-bottom:1rem;border-bottom:1px solid var(--w839f-border);}
.w839f-menu-head h3{color:#fff;font-size:1.7rem;}
.w839f-menu-close{background:transparent;border:0;color:#fff;font-size:2rem;cursor:pointer;}
.w839f-menu-link{
  display:flex;align-items:center;gap:.7rem;
  padding:.95rem .8rem;border-radius:8px;
  color:var(--w839f-text-light);font-size:1.35rem;font-weight:600;
  border-bottom:1px solid rgba(255,255,255,.04);
}
.w839f-menu-link i,.w839f-menu-link span.mi{font-size:1.6rem;color:var(--w839f-primary);}
.w839f-menu-link:hover{background:var(--w839f-bg-3);color:#fff;}

/* ===== Layout ===== */
.w839f-wrapper{max-width:430px;margin:0 auto;min-height:100vh;}
main{padding-top:64px;padding-bottom:90px;}
.w839f-section{padding:1.6rem 1rem;}
.w839f-section-title{
  display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;
  color:#fff;font-size:1.8rem;
}
.w839f-section-title i,.w839f-section-title span.mi{color:var(--w839f-primary);}
.w839f-section-title .w839f-more{margin-left:auto;font-size:1.15rem;color:var(--w839f-primary);font-weight:600;}

/* ===== Hero / Carousel ===== */
.w839f-hero{padding:1rem;}
.w839f-carousel{position:relative;border-radius:14px;overflow:hidden;box-shadow:var(--w839f-shadow);}
.w839f-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:0;scrollbar-width:none;}
.w839f-slides::-webkit-scrollbar{display:none;}
.w839f-slide{flex:0 0 100%;scroll-snap-align:start;position:relative;}
.w839f-slide img{width:100%;height:200px;object-fit:cover;}
.w839f-slide-cap{
  position:absolute;left:0;right:0;bottom:0;
  background:linear-gradient(transparent,rgba(0,0,0,.85));
  padding:1rem;color:#fff;
}
.w839f-slide-cap h3{font-size:1.5rem;margin-bottom:.3rem;}
.w839f-slide-cap p{font-size:1.1rem;margin:0;color:var(--w839f-primary);}
.w839f-dots{display:flex;justify-content:center;gap:.4rem;margin-top:.6rem;}
.w839f-dots span{width:7px;height:7px;border-radius:50%;background:var(--w839f-border);}
.w839f-dots span.w839f-on{background:var(--w839f-primary);width:18px;border-radius:4px;}

/* ===== Game Grid ===== */
.w839f-cat-block{margin-bottom:1.4rem;}
.w839f-cat-head{
  display:flex;align-items:center;gap:.5rem;
  padding:.6rem .2rem;margin-bottom:.6rem;
  border-left:4px solid var(--w839f-primary);padding-left:.6rem;
}
.w839f-cat-head h3{color:#fff;font-size:1.5rem;}
.w839f-cat-head span.w839f-count{margin-left:auto;font-size:1.05rem;color:var(--w839f-text-muted);}
.w839f-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;
}
.w839f-game-card{
  background:var(--w839f-bg-2);border-radius:10px;overflow:hidden;
  border:1px solid var(--w839f-border);
  transition:transform .15s ease,border-color .15s ease;
  cursor:pointer;
}
.w839f-game-card:hover{transform:translateY(-3px);border-color:var(--w839f-primary);}
.w839f-game-card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#000;}
.w839f-game-card .w839f-game-name{
  padding:.5rem .4rem;font-size:1.05rem;color:var(--w839f-text-light);
  text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  font-weight:600;
}
.w839f-game-card .w839f-game-tag{
  position:absolute;top:4px;left:4px;background:var(--w839f-accent);
  color:#fff;font-size:.85rem;padding:.1rem .35rem;border-radius:4px;font-weight:700;
}
.w839f-game-wrap{position:relative;}

/* ===== Info / Feature blocks ===== */
.w839f-card{
  background:var(--w839f-bg-2);border:1px solid var(--w839f-border);
  border-radius:var(--w839f-radius);padding:1.1rem;margin-bottom:1rem;
}
.w839f-card h3{margin-bottom:.6rem;color:#fff;}
.w839f-card p{color:var(--w839f-text-muted);font-size:1.25rem;}
.w839f-features{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;}
.w839f-feature{
  background:var(--w839f-bg-2);border-radius:8px;padding:1rem;text-align:center;
  border:1px solid var(--w839f-border);
}
.w839f-feature i,.w839f-feature span.mi{font-size:2rem;color:var(--w839f-primary);margin-bottom:.4rem;}
.w839f-feature h4{font-size:1.2rem;color:#fff;margin-bottom:.2rem;}
.w839f-feature p{font-size:1.05rem;color:var(--w839f-text-muted);margin:0;}

/* testimonials */
.w839f-testi{display:flex;gap:.6rem;flex-direction:column;}
.w839f-testi-item{
  background:var(--w839f-bg-2);border-radius:8px;padding:1rem;
  border-left:3px solid var(--w839f-primary);
}
.w839f-testi-item .w839f-stars{color:#ffd28a;font-size:1.2rem;margin-bottom:.3rem;}
.w839f-testi-item p{font-size:1.2rem;color:var(--w839f-text-light);}
.w839f-testi-item .w839f-author{font-size:1.05rem;color:var(--w839f-primary);font-weight:700;margin-top:.3rem;}

/* payment */
.w839f-pay{display:flex;flex-wrap:wrap;gap:.5rem;}
.w839f-pay span{
  background:var(--w839f-bg-2);border:1px solid var(--w839f-border);
  padding:.5rem .8rem;border-radius:6px;font-size:1.1rem;color:var(--w839f-text-light);
  display:inline-flex;align-items:center;gap:.3rem;
}
.w839f-pay span i{color:var(--w839f-primary);}

/* winners */
.w839f-winners{display:flex;flex-direction:column;gap:.4rem;}
.w839f-winner{
  display:flex;align-items:center;justify-content:space-between;
  background:var(--w839f-bg-2);border-radius:6px;padding:.6rem .8rem;
  border:1px solid var(--w839f-border);
}
.w839f-winner .w839f-w-name{font-size:1.15rem;color:#fff;font-weight:600;}
.w839f-winner .w839f-w-game{font-size:1rem;color:var(--w839f-text-muted);}
.w839f-winner .w839f-w-amount{color:var(--w839f-gold);font-weight:800;font-size:1.2rem;}

/* CTA */
.w839f-cta{
  background:linear-gradient(90deg,#e6007e,#ff9a3c);
  border-radius:12px;padding:1.3rem;text-align:center;margin:1rem 0;color:#fff;
}
.w839f-cta h3{color:#fff;font-size:1.6rem;margin-bottom:.4rem;}
.w839f-cta p{color:#fff;font-size:1.2rem;margin:0 0 .8rem;}
.w839f-cta .w839f-btn{background:#2C2C2C;color:#fff;border:0;}

/* faq */
.w839f-faq-item{
  background:var(--w839f-bg-2);border:1px solid var(--w839f-border);
  border-radius:8px;margin-bottom:.6rem;overflow:hidden;
}
.w839f-faq-q{
  padding:.9rem 1rem;cursor:pointer;font-weight:700;color:#fff;
  display:flex;justify-content:space-between;align-items:center;font-size:1.25rem;
}
.w839f-faq-q .w839f-ico{transition:transform .2s;color:var(--w839f-primary);}
.w839f-faq-a{padding:0 1rem .9rem;color:var(--w839f-text-muted);font-size:1.15rem;display:none;}
.w839f-faq-item.w839f-open .w839f-faq-a{display:block;}
.w839f-faq-item.w839f-open .w839f-ico{transform:rotate(45deg);}

/* inline promo link */
.w839f-promo-link{
  color:var(--w839f-primary);font-weight:700;cursor:pointer;
  border-bottom:1px dashed var(--w839f-primary);
}

/* footer */
.w839f-footer{
  background:var(--w839f-bg-2);border-top:1px solid var(--w839f-border);
  padding:1.6rem 1rem 2rem;
}
.w839f-footer-brand{font-size:1.3rem;color:var(--w839f-text-muted);margin-bottom:1rem;line-height:1.6;}
.w839f-footer-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;}
.w839f-footer-links a{
  background:var(--w839f-bg-3);color:var(--w839f-text-light);
  padding:.45rem .75rem;border-radius:6px;font-size:1.1rem;
}
.w839f-footer-links a:hover{color:var(--w839f-primary);}
.w839f-footer-promo{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;}
.w839f-footer-promo button{
  background:linear-gradient(90deg,#e6007e,#ff3c7e);color:#fff;border:0;
  padding:.5rem .85rem;border-radius:6px;font-size:1.15rem;font-weight:700;cursor:pointer;
}
.w839f-footer-copy{font-size:1.05rem;color:var(--w839f-text-muted);text-align:center;border-top:1px solid var(--w839f-border);padding-top:1rem;}

/* ===== Bottom Nav ===== */
.w839f-bottomnav{
  position:fixed;bottom:0;left:0;right:0;z-index:1000;
  background:linear-gradient(180deg,#2C2C2C,#141414);
  border-top:1px solid var(--w839f-border);
  height:60px;display:flex;justify-content:space-around;align-items:center;
  box-shadow:0 -2px 12px rgba(0,0,0,.5);
}
.w839f-bottomnav button{
  background:transparent;border:0;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-width:60px;min-height:60px;flex:1;color:var(--w839f-text-muted);
  transition:color .15s ease,transform .15s ease;gap:2px;
}
.w839f-bottomnav button i,
.w839f-bottomnav button span.mi{font-size:22px;}
.w839f-bottomnav button span.w839f-label{font-size:11px;font-weight:600;}
.w839f-bottomnav button:hover{color:var(--w839f-primary);transform:translateY(-2px);}
.w839f-bottomnav button.w839f-active{color:var(--w839f-primary);}
.w839f-bottomnav button.w839f-active span.w839f-label{color:var(--w839f-primary);}
.w839f-bottomnav .w839f-badge{
  position:absolute;top:6px;right:18px;background:var(--w839f-accent);
  color:#fff;font-size:9px;border-radius:50%;width:14px;height:14px;
  display:flex;align-items:center;justify-content:center;font-weight:700;
}
.w839f-bottomnav button{position:relative;}

.w839f-container{max-width:430px;margin:0 auto;padding:0 1rem;}
.w839f-page-hero{padding:1.4rem 1rem;background:linear-gradient(135deg,#3a0a1f,#2C2C2C 60%,#1f1f1f);border-bottom:1px solid var(--w839f-border);}
.w839f-page-hero p{font-size:1.2rem;color:var(--w839f-text-muted);margin:.7rem 0 0;}
.w839f-breadcrumb{font-size:1.05rem;color:var(--w839f-text-muted);margin-bottom:.6rem;}
.w839f-breadcrumb a{color:var(--w839f-primary);font-weight:700;}
.w839f-steps{display:flex;flex-direction:column;gap:.75rem;}
.w839f-step{background:var(--w839f-bg-2);border:1px solid var(--w839f-border);border-radius:10px;padding:1rem;display:flex;gap:.75rem;align-items:flex-start;}
.w839f-step-num{min-width:30px;height:30px;border-radius:50%;background:linear-gradient(90deg,#e6007e,#ff9a3c);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;}
.w839f-step h3{font-size:1.35rem;margin-bottom:.25rem;}
.w839f-step p{font-size:1.15rem;color:var(--w839f-text-muted);margin:0;}
.w839f-alert{border-left:4px solid var(--w839f-accent-2);background:#241b18;padding:1rem;border-radius:8px;color:var(--w839f-text-light);}
.w839f-link-list{display:flex;flex-direction:column;gap:.6rem;}
.w839f-link-list a{background:var(--w839f-bg-2);border:1px solid var(--w839f-border);border-radius:8px;padding:.75rem;color:var(--w839f-text-light);font-weight:700;}
.w839f-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;}
.w839f-mini-card{background:var(--w839f-bg-2);border:1px solid var(--w839f-border);border-radius:8px;padding:.9rem;}
.w839f-mini-card strong{display:block;color:#fff;margin-bottom:.25rem;}
.w839f-mini-card span{font-size:1.05rem;color:var(--w839f-text-muted);}

/* ===== Desktop ===== */
@media (min-width:769px){
  .w839f-bottomnav{display:none;}
  body{background:#1a1a1a;}
  .w839f-wrapper{max-width:960px;}
  .w839f-grid{grid-template-columns:repeat(5,1fr);}
  .w839f-features{grid-template-columns:repeat(4,1fr);}
  main{padding-bottom:40px;}
}

/* utilities */
.w839f-center{text-align:center;}
.w839f-mt{margin-top:1rem;}
.w839f-mb{margin-bottom:1rem;}
.w839f-hidden{display:none;}