/* ===== 8999 bet apk — layout.css (prefix w2e34-) ===== */
:root{
  --w2e34-primary:#4682B4;
  --w2e34-secondary:#8B7355;
  --w2e34-bg:#273746;
  --w2e34-bg2:#1d2934;
  --w2e34-text:#ADD8E6;
  --w2e34-text-strong:#B0E0E6;
  --w2e34-accent:#FFD166;
  --w2e34-card:#324654;
  --w2e34-border:#465968;
  --w2e34-danger:#E76f51;
  --w2e34-radius:14px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html{font-size:62.5%;}
body{
  margin:0;
  font-family:'Segoe UI','Noto Sans Bengali','Hind Siliguri',sans-serif;
  background:linear-gradient(160deg,var(--w2e34-bg) 0%,var(--w2e34-bg2) 100%);
  color:var(--w2e34-text);
  line-height:1.5rem;
  font-size:1.5rem;
  min-height:100vh;
}
a{color:var(--w2e34-text-strong);text-decoration:none;}
img{max-width:100%;display:block;}

/* Layout */
.w2e34-container{max-width:430px;margin:0 auto;padding:0 12px;}
.w2e34-wrapper{padding-top:64px;padding-bottom:90px;}

/* Header */
.w2e34-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  max-width:430px;margin:0 auto;
  background:linear-gradient(90deg,var(--w2e34-bg) 0%,#2f4456 100%);
  border-bottom:1px solid var(--w2e34-border);
  box-shadow:0 2px 10px rgba(0,0,0,.35);
}
.w2e34-header-inner{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 12px;}
.w2e34-logo{display:flex;align-items:center;gap:8px;font-size:1.7rem;font-weight:700;color:#fff;}
.w2e34-logo img{width:28px;height:28px;border-radius:6px;}
.w2e34-logo span{color:var(--w2e34-accent);}
.w2e34-head-btns{display:flex;align-items:center;gap:8px;}
.w2e34-btn{
  border:0;border-radius:20px;padding:8px 16px;font-size:1.3rem;font-weight:600;
  cursor:pointer;transition:transform .15s,box-shadow .15s;color:#fff;
}
.w2e34-btn:active{transform:scale(.94);}
.w2e34-btn-register{background:linear-gradient(90deg,#E76f51,#FFD166);box-shadow:0 3px 10px rgba(231,111,81,.45);}
.w2e34-btn-login{background:linear-gradient(90deg,var(--w2e34-primary),#5fa8d3);box-shadow:0 3px 10px rgba(70,130,180,.4);}
.w2e34-menu-btn{
  background:transparent;border:1px solid var(--w2e34-border);border-radius:10px;
  width:38px;height:38px;color:var(--w2e34-text-strong);font-size:1.8rem;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
}

/* Mobile menu */
.w2e34-mobile-menu{
  position:fixed;top:60px;left:0;right:0;z-index:9999;
  max-width:430px;margin:0 auto;
  background:var(--w2e34-bg2);
  border-bottom:1px solid var(--w2e34-border);
  padding:10px 14px 16px;display:none;
}
.w2e34-mobile-menu.open{display:block;animation:w2e34-slide .25s ease;}
@keyframes w2e34-slide{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:translateY(0);}}
.w2e34-mobile-menu a{
  display:flex;align-items:center;gap:10px;
  padding:11px 10px;border-radius:10px;font-size:1.45rem;color:var(--w2e34-text-strong);
  border-bottom:1px dashed var(--w2e34-border);
}
.w2e34-mobile-menu a:active{background:rgba(70,130,180,.18);}

/* Hero / Carousel */
.w2e34-hero{margin-top:14px;border-radius:var(--w2e34-radius);overflow:hidden;position:relative;}
.w2e34-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;}
.w2e34-carousel::-webkit-scrollbar{display:none;}
.w2e34-slide{flex:0 0 92%;scroll-snap-align:center;border-radius:var(--w2e34-radius);overflow:hidden;cursor:pointer;position:relative;}
.w2e34-slide img{width:100%;height:180px;object-fit:cover;}
.w2e34-slide-badge{
  position:absolute;left:10px;bottom:10px;
  background:rgba(231,111,81,.92);color:#fff;font-size:1.2rem;font-weight:600;
  padding:5px 10px;border-radius:14px;
}

/* Section */
.w2e34-section{margin-top:22px;}
.w2e34-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.w2e34-section-title{font-size:1.8rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px;}
.w2e34-section-title i{color:var(--w2e34-accent);}
.w2e34-section-more{font-size:1.25rem;color:var(--w2e34-text-strong);}

/* H1 */
.w2e34-h1{font-size:2.1rem;color:#fff;font-weight:700;line-height:1.35;margin:18px 0 6px;}

/* Game grid */
.w2e34-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.w2e34-game-card{
  background:var(--w2e34-card);border-radius:12px;padding:8px;text-align:center;cursor:pointer;
  border:1px solid var(--w2e34-border);transition:transform .15s,box-shadow .15s;
}
.w2e34-game-card:active{transform:scale(.95);}
.w2e34-game-card img{width:100%;height:84px;object-fit:cover;border-radius:8px;}
.w2e34-game-name{margin-top:6px;font-size:1.15rem;color:var(--w2e34-text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.w2e34-game-tag{
  display:inline-block;font-size:1rem;padding:1px 6px;border-radius:6px;margin-top:4px;
  background:rgba(70,130,180,.25);color:var(--w2e34-text-strong);
}

/* Info / content blocks */
.w2e34-block{
  background:var(--w2e34-card);border:1px solid var(--w2e34-border);border-radius:var(--w2e34-radius);
  padding:14px;margin-top:12px;
}
.w2e34-block h2{font-size:1.7rem;color:#fff;margin:0 0 8px;display:flex;align-items:center;gap:8px;}
.w2e34-block h2 i{color:var(--w2e34-accent);}
.w2e34-block h3{font-size:1.4rem;color:var(--w2e34-text-strong);margin:12px 0 4px;}
.w2e34-block p{margin:6px 0;font-size:1.35rem;color:var(--w2e34-text);}
.w2e34-inline-link{color:var(--w2e34-accent);font-weight:600;border-bottom:1px dashed var(--w2e34-accent);}

/* Promo inline button */
.w2e34-promo-inline{
  display:inline-flex;align-items:center;gap:6px;
  background:linear-gradient(90deg,#E76f51,#FFD166);color:#fff;
  padding:6px 12px;border-radius:18px;font-size:1.25rem;font-weight:700;cursor:pointer;
}

/* Feature list */
.w2e34-features{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.w2e34-feature{
  background:rgba(70,130,180,.10);border:1px solid var(--w2e34-border);border-radius:12px;
  padding:12px;text-align:center;
}
.w2e34-feature i{font-size:2.4rem;color:var(--w2e34-accent);}
.w2e34-feature h3{font-size:1.3rem;color:#fff;margin:6px 0 2px;}
.w2e34-feature p{font-size:1.15rem;color:var(--w2e34-text);margin:0;}

/* RTP table */
.w2e34-rtp-table{width:100%;border-collapse:collapse;font-size:1.25rem;}
.w2e34-rtp-table th,.w2e34-rtp-table td{padding:8px;border-bottom:1px solid var(--w2e34-border);text-align:left;}
.w2e34-rtp-table th{color:var(--w2e34-accent);}
.w2e34-rtp-bar{height:6px;background:#1d2934;border-radius:4px;overflow:hidden;margin-top:3px;}
.w2e34-rtp-fill{height:100%;background:linear-gradient(90deg,#4682B4,#FFD166);}

/* Testimonial */
.w2e34-testi{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;}
.w2e34-testi::-webkit-scrollbar{display:none;}
.w2e34-testi-card{flex:0 0 80%;background:rgba(70,130,180,.10);border:1px solid var(--w2e34-border);border-radius:12px;padding:12px;}
.w2e34-testi-card .stars{color:var(--w2e34-accent);font-size:1.2rem;}

/* Winners */
.w2e34-winner{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dashed var(--w2e34-border);font-size:1.25rem;}
.w2e34-winner b{color:var(--w2e34-accent);}

/* Payment */
.w2e34-pay{display:flex;flex-wrap:wrap;gap:8px;}
.w2e34-pay span{
  background:rgba(255,255,255,.06);border:1px solid var(--w2e34-border);
  padding:6px 10px;border-radius:8px;font-size:1.15rem;color:var(--w2e34-text-strong);
}

/* CTA */
.w2e34-cta{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:linear-gradient(90deg,#4682B4,#8B7355);border-radius:var(--w2e34-radius);
  padding:14px;margin-top:14px;
}
.w2e34-cta-text{color:#fff;font-size:1.5rem;font-weight:700;}
.w2e34-cta-text small{display:block;font-weight:400;font-size:1.15rem;opacity:.9;}
.w2e34-cta-btn{
  background:#FFD166;color:#273746;font-weight:700;padding:10px 16px;border-radius:22px;border:0;font-size:1.3rem;cursor:pointer;
}

/* Footer */
.w2e34-footer{
  margin-top:24px;background:var(--w2e34-bg2);border-top:1px solid var(--w2e34-border);
  padding:18px 0 24px;
}
.w2e34-footer-brand{color:var(--w2e34-text);font-size:1.3rem;margin-bottom:10px;}
.w2e34-footer-links{display:flex;flex-wrap:wrap;gap:8px 14px;}
.w2e34-footer-links a{font-size:1.2rem;color:var(--w2e34-text-strong);}
.w2e34-footer-promos{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;}
.w2e34-footer-promos button{
  flex:1 1 45%;background:linear-gradient(90deg,#E76f51,#FFD166);color:#fff;border:0;border-radius:18px;padding:8px;font-size:1.2rem;font-weight:600;cursor:pointer;
}
.w2e34-copy{text-align:center;font-size:1.15rem;color:var(--w2e34-text);opacity:.7;margin-top:12px;}

/* Bottom nav */
.w2e34-bottom-nav{
  position:fixed;bottom:0;left:0;right:0;z-index:1000;
  max-width:430px;margin:0 auto;height:62px;
  background:linear-gradient(90deg,#273746,#2f4456);
  border-top:1px solid var(--w2e34-border);
  display:flex;justify-content:space-around;align-items:center;
  box-shadow:0 -2px 12px rgba(0,0,0,.4);
}
.w2e34-bottom-nav button,.w2e34-bottom-nav a{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-width:60px;min-height:60px;background:transparent;border:0;color:var(--w2e34-text);
  font-size:1rem;cursor:pointer;text-decoration:none;gap:2px;transition:transform .15s,color .15s;
}
.w2e34-bottom-nav button:active,.w2e34-bottom-nav a:active{transform:scale(.9);}
.w2e34-bottom-nav .w2e34-bn-icon{font-size:22px;line-height:1;color:var(--w2e34-text-strong);}
.w2e34-bottom-nav .active .w2e34-bn-icon,.w2e34-bottom-nav .active{color:var(--w2e34-accent);}

/* Desktop */
@media (min-width:769px){
  .w2e34-bottom-nav{display:none;}
  body{background:#1d2934;}
}
@media (max-width:768px){
  main{padding-bottom:80px;}
}