/* ===========================================================
   3666bd.click - Core layout stylesheet
   All custom classes use the wf2d6- prefix (per-site hash).
   Palette: #20B2AA | #9AFF9A | #0C0C0C | #8FBC8F | #999999
   Mobile-first; desktop reads gracefully up to 430px wrapper.
   =========================================================== */

:root{
  --wf2d6-primary:#20B2AA;
  --wf2d6-accent:#9AFF9A;
  --wf2d6-bg:#0C0C0C;
  --wf2d6-surface:#141414;
  --wf2d6-surface-2:#1c1c1c;
  --wf2d6-secondary:#8FBC8F;
  --wf2d6-text:#F4FFF4;
  --wf2d6-muted:#999999;
  --wf2d6-border:rgba(154,255,154,.14);
  --wf2d6-gradient:linear-gradient(135deg,#20B2AA 0%,#8FBC8F 100%);
  --wf2d6-shadow:0 6px 22px rgba(0,0,0,.55);
}

*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{font-size:62.5%}
html,body{background:var(--wf2d6-bg);color:var(--wf2d6-text)}
body{
  font-family:'Noto Sans Bengali','Hind Siliguri',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  font-size:1.5rem;line-height:1.5rem;min-height:100vh;
  overflow-x:hidden;
}
a{color:var(--wf2d6-accent);text-decoration:none}
img{max-width:100%;display:block}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}

/* ---------- Layout shell ---------- */
.wf2d6-wrapper{max-width:430px;margin:0 auto;min-height:100vh;background:var(--wf2d6-bg);position:relative;box-shadow:var(--wf2d6-shadow)}
.wf2d6-container{padding:1.2rem 1.2rem 0}

/* ---------- Header ---------- */
.wf2d6-header{
  position:sticky;top:0;z-index:1000;
  background:rgba(12,12,12,.96);
  border-bottom:1px solid var(--wf2d6-border);
  backdrop-filter:blur(8px);
}
.wf2d6-header-inner{max-width:430px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;gap:.6rem}
.wf2d6-brand{display:flex;align-items:center;gap:.55rem;min-width:0}
.wf2d6-brand img{width:28px;height:28px;border-radius:8px;object-fit:cover}
.wf2d6-brand-name{font-size:1.55rem;font-weight:800;letter-spacing:.4px;color:var(--wf2d6-text);white-space:nowrap}
.wf2d6-brand-name b{color:var(--wf2d6-primary)}
.wf2d6-header-actions{display:flex;align-items:center;gap:.5rem}
.wf2d6-btn{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.6rem 1.1rem;border-radius:999px;font-size:1.25rem;font-weight:700;
  min-height:36px;transition:transform .15s ease,box-shadow .15s ease;
}
.wf2d6-btn:active{transform:scale(.94)}
.wf2d6-btn-login{background:transparent;border:1px solid var(--wf2d6-primary);color:var(--wf2d6-primary)}
.wf2d6-btn-register{background:var(--wf2d6-gradient);color:#06140c;box-shadow:0 3px 10px rgba(32,178,170,.35)}
.wf2d6-menu-btn{width:36px;height:36px;display:grid;place-items:center;color:var(--wf2d6-accent);font-size:1.8rem}

/* ---------- Expandable nav menu ---------- */
.wf2d6-nav{
  max-height:0;overflow:hidden;
  background:var(--wf2d6-surface);
  transition:max-height .28s ease;
  border-bottom:1px solid transparent;
}
.wf2d6-nav.open{max-height:520px;border-bottom:1px solid var(--wf2d6-border)}
.wf2d6-nav-grid{max-width:430px;margin:0 auto;padding:.4rem 1rem .9rem;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.wf2d6-nav a{
  display:flex;align-items:center;gap:.55rem;
  padding:.7rem .8rem;border-radius:10px;font-size:1.25rem;color:var(--wf2d6-text);
  background:var(--wf2d6-surface-2);border:1px solid var(--wf2d6-border);
}
.wf2d6-nav a:hover{color:var(--wf2d6-accent);border-color:var(--wf2d6-primary)}
.wf2d6-nav a i{color:var(--wf2d6-primary)}

/* ---------- Hero / carousel ---------- */
.wf2d6-main{padding-bottom:90px}
.wf2d6-hero{position:relative;margin:1rem 0 1.2rem;border-radius:14px;overflow:hidden;box-shadow:var(--wf2d6-shadow)}
.wf2d6-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:0;scrollbar-width:none}
.wf2d6-carousel::-webkit-scrollbar{display:none}
.wf2d6-slide{flex:0 0 100%;scroll-snap-align:start;position:relative}
.wf2d6-slide img{width:100%;aspect-ratio:16/8;object-fit:cover}
.wf2d6-slide-cap{position:absolute;left:0;right:0;bottom:0;padding:.8rem 1rem;background:linear-gradient(transparent,rgba(0,0,0,.85));font-size:1.25rem;font-weight:700}
.wf2d6-dots{display:flex;justify-content:center;gap:.5rem;padding:.4rem 0 .2rem}
.wf2d6-dot{width:7px;height:7px;border-radius:50%;background:var(--wf2d6-muted);opacity:.55}
.wf2d6-dot.active{background:var(--wf2d6-primary);opacity:1;width:18px;border-radius:5px}

/* ---------- Section + headings ---------- */
.wf2d6-section{margin:1.4rem 0;padding:0 .2rem}
.wf2d6-h1{font-size:2rem;font-weight:800;line-height:2.4rem;margin:.2rem 0 .6rem;color:var(--wf2d6-text)}
.wf2d6-h1 b,.wf2d6-h2 b{color:var(--wf2d6-primary)}
.wf2d6-h2{font-size:1.7rem;font-weight:800;margin:1.4rem 0 .8rem;display:flex;align-items:center;gap:.6rem;color:var(--wf2d6-text)}
.wf2d6-h2::before{content:"";width:5px;height:20px;border-radius:3px;background:var(--wf2d6-gradient)}
.wf2d6-h3{font-size:1.4rem;font-weight:700;margin:1rem 0 .5rem;color:var(--wf2d6-secondary)}
.wf2d6-lead{font-size:1.3rem;line-height:2.1rem;color:#dfeidf}

/* ---------- Game grid ---------- */
.wf2d6-cat{margin:1.6rem 0}
.wf2d6-cat-title{font-size:1.45rem;font-weight:800;margin:0 0 .8rem;display:flex;align-items:center;gap:.5rem;color:var(--wf2d6-text)}
.wf2d6-cat-title i{color:var(--wf2d6-accent)}
.wf2d6-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}
.wf2d6-card{
  background:var(--wf2d6-surface);border:1px solid var(--wf2d6-border);border-radius:12px;
  padding:.55rem;text-align:center;overflow:hidden;transition:transform .15s ease,border-color .15s ease;
  display:block;
}
.wf2d6-card:active{transform:scale(.96);border-color:var(--wf2d6-primary)}
.wf2d6-card-img{width:100%;aspect-ratio:1/1;border-radius:9px;object-fit:cover;background:var(--wf2d6-surface-2)}
.wf2d6-card-name{margin-top:.4rem;font-size:1.1rem;color:var(--wf2d6-text);font-weight:600;line-height:1.4rem;height:2.8rem;overflow:hidden}

/* ---------- Promo / CTA ---------- */
.wf2d6-cta{margin:1.6rem 0;padding:1.2rem;border-radius:14px;background:var(--wf2d6-gradient);color:#06140c;text-align:center;box-shadow:var(--wf2d6-shadow)}
.wf2d6-cta h3{font-size:1.6rem;color:#06140c;margin-bottom:.4rem}
.wf2d6-cta p{font-size:1.2rem;margin-bottom:.8rem;color:#0c1f10}
.wf2d6-cta .wf2d6-btn{background:#06140c;color:#9AFF9A;border:1px solid #06140c;padding:.7rem 1.6rem;font-size:1.3rem}
.wf2d6-text-link{color:var(--wf2d6-accent);font-weight:700;border-bottom:1px dotted var(--wf2d6-primary)}

/* ---------- Feature list ---------- */
.wf2d6-feature-grid{display:grid;grid-template-columns:1fr;gap:.7rem}
.wf2d6-feature{display:flex;gap:.9rem;align-items:flex-start;padding:.9rem;background:var(--wf2d6-surface);border:1px solid var(--wf2d6-border);border-radius:11px}
.wf2d6-feature .wf2d6-ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--wf2d6-surface-2);color:var(--wf2d6-primary);font-size:1.7rem;flex-shrink:0}
.wf2d6-feature h4{font-size:1.3rem;margin-bottom:.2rem;color:var(--wf2d6-secondary)}
.wf2d6-feature p{font-size:1.15rem;color:#cddccd;line-height:1.8rem}

/* ---------- RTP bars / data ---------- */
.wf2d6-rtp-row{margin:.5rem 0;padding:.6rem .8rem;background:var(--wf2d6-surface);border-radius:9px;border:1px solid var(--wf2d6-border)}
.wf2d6-rtp-top{display:flex;justify-content:space-between;font-size:1.15rem;margin-bottom:.3rem}
.wf2d6-rtp-bar{height:7px;border-radius:5px;background:var(--wf2d6-surface-2);overflow:hidden}
.wf2d6-rtp-bar span{display:block;height:100%;background:var(--wf2d6-gradient)}

/* ---------- Testimonials ---------- */
.wf2d6-quote{padding:.9rem;background:var(--wf2d6-surface);border-left:3px solid var(--wf2d6-primary);border-radius:8px;margin:.5rem 0}
.wf2d6-quote p{font-size:1.2rem;color:#e6f1e6;line-height:1.9rem}
.wf2d6-quote span{display:block;margin-top:.4rem;font-size:1.1rem;color:var(--wf2d6-muted)}

/* ---------- Payment / winners ---------- */
.wf2d6-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.wf2d6-chip{padding:.5rem .9rem;border-radius:999px;background:var(--wf2d6-surface);border:1px solid var(--wf2d6-border);font-size:1.1rem;color:var(--wf2d6-text)}
.wf2d6-chip i{color:var(--wf2d6-accent);margin-right:.3rem}
.wf2d6-winner{display:flex;justify-content:space-between;padding:.5rem .2rem;border-bottom:1px dashed var(--wf2d6-border);font-size:1.15rem}
.wf2d6-winner b{color:var(--wf2d6-accent)}

/* ---------- Footer ---------- */
.wf2d6-footer{margin-top:1.4rem;padding:1.4rem 1.2rem 2rem;background:var(--wf2d6-surface);border-top:1px solid var(--wf2d6-border)}
.wf2d6-footer p{font-size:1.15rem;color:#cddccd;line-height:1.9rem;margin-bottom:.8rem}
.wf2d6-footer-links{display:flex;flex-wrap:wrap;gap:.5rem .8rem;margin:.8rem 0}
.wf2d6-footer-links a{font-size:1.15rem;color:var(--wf2d6-accent);text-decoration:underline;text-underline-offset:2px}
.wf2d6-footer-copy{margin-top:1rem;font-size:1.1rem;color:var(--wf2d6-muted);text-align:center}

/* ---------- Mobile bottom navigation ---------- */
.wf2d6-bottomnav{
  position:fixed;left:0;right:0;bottom:0;z-index:1000;
  max-width:430px;margin:0 auto;
  height:62px;display:flex;justify-content:space-around;align-items:stretch;
  background:rgba(12,12,12,.98);border-top:1px solid var(--wf2d6-border);
  backdrop-filter:blur(10px);
}
.wf2d6-bottomnav a{
  flex:1;min-width:60px;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  color:var(--wf2d6-muted);font-size:1rem;gap:.18rem;transition:color .15s ease,transform .15s ease;position:relative;
}
.wf2d6-bottomnav a i,.wf2d6-bottomnav a span.icon{font-size:22px;line-height:1}
.wf2d6-bottomnav a.active{color:var(--wf2d6-primary)}
.wf2d6-bottomnav a:active{transform:scale(.92)}
.wf2d6-bottomnav a .wf2d6-badge{position:absolute;top:6px;right:50%;transform:translateX(20px);background:#e23b3b;color:#fff;font-size:.85rem;padding:0 5px;border-radius:8px;min-width:16px;text-align:center;line-height:15px;height:15px}

/* ---------- Desktop ---------- */
@media (min-width:769px){
  .wf2d6-bottomnav{display:none}
  .wf2d6-wrapper{box-shadow:0 0 40px rgba(0,0,0,.6)}
  .wf2d6-main{padding-bottom:30px}
}
@media (max-width:768px){
  .wf2d6-main{padding-bottom:84px}
}