/* ek333 style.css - mobile-first gaming site styles, all classes prefixed gf8c- */
:root{
  --gf8c-primary:#008B8B;
  --gf8c-accent:#40E0D0;
  --gf8c-dark:#34495E;
  --gf8c-light:#E8F5E8;
  --gf8c-bg:#0a2a2a;
  --gf8c-bg2:#123434;
  --gf8c-card:#15403f;
  --gf8c-text:#E8F5E8;
  --gf8c-muted:#9fc4c2;
  --gf8c-gold:#FFD24A;
  --gf8c-red:#FF5C5C;
  --gf8c-radius:14px;
  --gf8c-shadow:0 4px 18px rgba(0,0,0,.45);
  --gf8c-max:430px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:62.5%}
body{
  font-family:"Hind Siliguri","Noto Sans Bengali",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  background:linear-gradient(160deg,var(--gf8c-bg),var(--gf8c-bg2));
  color:var(--gf8c-text);
  line-height:1.5rem;
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--gf8c-accent);text-decoration:none}
img{max-width:100%;display:block}
.gf8c-wrapper{max-width:var(--gf8c-max);margin:0 auto;position:relative;background:var(--gf8c-bg)}

/* ===== Header ===== */
.gf8c-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  max-width:var(--gf8c-max);margin:0 auto;
  background:rgba(10,42,42,.96);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(64,224,208,.25);
  display:flex;align-items:center;justify-content:space-between;
  padding:.7rem 1rem;gap:.6rem;
}
.gf8c-logo{display:flex;align-items:center;gap:.6rem;min-width:0}
.gf8c-logo img{width:30px;height:30px;border-radius:8px;object-fit:cover}
.gf8c-logo-text{font-size:1.8rem;font-weight:800;color:var(--gf8c-light);letter-spacing:.5px;white-space:nowrap}
.gf8c-logo-text span{color:var(--gf8c-accent)}
.gf8c-header-actions{display:flex;align-items:center;gap:.5rem}
.gf8c-btn{
  border:none;border-radius:10px;padding:.55rem 1.1rem;font-size:1.25rem;font-weight:700;
  cursor:pointer;transition:transform .15s,box-shadow .15s;min-height:44px;
}
.gf8c-btn-login{background:transparent;color:var(--gf8c-accent);border:1px solid var(--gf8c-accent)}
.gf8c-btn-register{background:linear-gradient(135deg,var(--gf8c-gold),#ff9b3d);color:#3a1a00;box-shadow:0 3px 10px rgba(255,210,74,.35)}
.gf8c-btn:active{transform:scale(.94)}
.gf8c-menu-btn{
  background:transparent;border:1px solid rgba(64,224,208,.4);color:var(--gf8c-accent);
  border-radius:10px;width:38px;height:38px;font-size:1.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;
}

/* ===== Mobile expandable menu ===== */
.gf8c-mobile-menu{
  position:fixed;top:62px;left:0;right:0;max-width:var(--gf8c-max);margin:0 auto;
  background:rgba(8,32,32,.98);backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(64,224,208,.25);
  padding:.6rem 1rem 1rem;display:none;z-index:999;
}
.gf8c-menu-open{display:block}
.gf8c-mobile-menu a{
  display:block;padding:.85rem .6rem;border-bottom:1px solid rgba(64,224,208,.12);
  color:var(--gf8c-light);font-size:1.35rem;font-weight:600;
}
.gf8c-mobile-menu a:active{background:rgba(64,224,208,.12)}
.gf8c-menu-promo{
  margin-top:.6rem;text-align:center;background:linear-gradient(135deg,var(--gf8c-gold),#ff9b3d);
  color:#3a1a00;font-weight:800;border-radius:10px;padding:.8rem;border:none;
}

/* ===== Main ===== */
.gf8c-main{padding-top:64px;padding-bottom:90px}
.gf8c-container{padding:1rem}
.gf8c-section{margin:1.6rem 0;padding:1.2rem;background:var(--gf8c-card);border-radius:var(--gf8c-radius);box-shadow:var(--gf8c-shadow)}
.gf8c-section h2{font-size:1.9rem;font-weight:800;color:var(--gf8c-accent);margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}
.gf8c-section h3{font-size:1.5rem;font-weight:700;color:var(--gf8c-gold);margin:.9rem 0 .5rem}
.gf8c-section p{font-size:1.3rem;color:var(--gf8c-light);margin-bottom:.7rem;text-align:justify}
.gf8c-h1{font-size:2.1rem;font-weight:800;color:var(--gf8c-light);padding:1rem 1.2rem;text-align:center;line-height:1.35rem}
.gf8c-h1 span{color:var(--gf8c-accent)}

/* ===== Carousel ===== */
.gf8c-carousel{position:relative;border-radius:var(--gf8c-radius);overflow:hidden;margin:1rem;box-shadow:var(--gf8c-shadow)}
.gf8c-carousel-track{position:relative;width:100%;height:170px}
.gf8c-carousel-slide{
  position:absolute;inset:0;opacity:0;transition:opacity .6s ease;cursor:pointer;
}
.gf8c-carousel-slide.gf8c-active{opacity:1}
.gf8c-carousel-slide img{width:100%;height:170px;object-fit:cover}
.gf8c-carousel-cap{
  position:absolute;left:0;right:0;bottom:0;padding:.8rem 1rem;
  background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff;font-size:1.3rem;font-weight:700;
}
.gf8c-carousel-dots{position:absolute;bottom:.6rem;left:0;right:0;display:flex;justify-content:center;gap:.5rem;z-index:2}
.gf8c-carousel-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer;border:none}
.gf8c-carousel-dot.gf8c-active{background:var(--gf8c-gold);width:18px;border-radius:4px}

/* ===== Category header ===== */
.gf8c-cat-head{display:flex;align-items:center;justify-content:space-between;padding:.4rem 0 .8rem}
.gf8c-cat-title{font-size:1.7rem;font-weight:800;color:var(--gf8c-accent);display:flex;align-items:center;gap:.5rem}
.gf8c-cat-link{font-size:1.2rem;color:var(--gf8c-gold);font-weight:700}

/* ===== Game grid ===== */
.gf8c-game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}
.gf8c-game-card{
  background:linear-gradient(160deg,#163d3c,#0e2e2d);border-radius:12px;overflow:hidden;
  border:1px solid rgba(64,224,208,.18);cursor:pointer;transition:transform .15s,border-color .15s;
  display:flex;flex-direction:column;
}
.gf8c-game-card:active{transform:scale(.95);border-color:var(--gf8c-gold)}
.gf8c-game-img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#0a2424}
.gf8c-game-name{padding:.5rem .4rem;font-size:1.05rem;text-align:center;color:var(--gf8c-light);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:2.4rem;line-height:1.2rem}

/* ===== Promo link / buttons ===== */
.gf8c-play-link{color:var(--gf8c-gold);font-weight:800;border-bottom:2px solid var(--gf8c-gold)}
.gf8c-cta{
  display:block;text-align:center;background:linear-gradient(135deg,var(--gf8c-gold),#ff9b3d);
  color:#3a1a00;font-weight:800;font-size:1.5rem;padding:1rem;border-radius:12px;
  margin:.8rem 0;box-shadow:0 4px 14px rgba(255,210,74,.4);cursor:pointer;border:none;
}
.gf8c-cta:active{transform:scale(.97)}
.gf8c-text-link{color:var(--gf8c-accent);font-weight:700;border-bottom:1px dashed var(--gf8c-accent)}

/* ===== Feature / card lists ===== */
.gf8c-feature-list{display:grid;gap:.7rem}
.gf8c-feature-item{display:flex;gap:.8rem;align-items:flex-start;background:rgba(64,224,208,.08);border-radius:10px;padding:.8rem;border-left:3px solid var(--gf8c-accent)}
.gf8c-feature-item .gf8c-fi-icon{font-size:2.2rem;color:var(--gf8c-gold);min-width:30px;text-align:center}
.gf8c-feature-item h4{font-size:1.4rem;color:var(--gf8c-light);margin-bottom:.2rem}
.gf8c-feature-item p{font-size:1.2rem;color:var(--gf8c-muted);margin:0}

/* ===== RTP table ===== */
.gf8c-rtp-table{width:100%;border-collapse:collapse;font-size:1.2rem}
.gf8c-rtp-table th,.gf8c-rtp-table td{padding:.6rem .4rem;border-bottom:1px solid rgba(64,224,208,.15);text-align:center}
.gf8c-rtp-table th{color:var(--gf8c-gold);font-weight:700;font-size:1.15rem}
.gf8c-rtp-table td.gf8c-rtp-name{color:var(--gf8c-light);text-align:left;font-weight:600}
.gf8c-rtp-bar{height:6px;border-radius:3px;background:#0a2424;overflow:hidden;margin-top:.3rem}
.gf8c-rtp-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gf8c-accent),var(--gf8c-gold))}

/* ===== Testimonials ===== */
.gf8c-testi{background:rgba(64,224,208,.07);border-radius:10px;padding:.8rem;margin-bottom:.7rem;border-left:3px solid var(--gf8c-gold)}
.gf8c-testi-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem}
.gf8c-testi-av{width:34px;height:34px;border-radius:50%;background:var(--gf8c-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.3rem}
.gf8c-testi-name{font-size:1.3rem;font-weight:700;color:var(--gf8c-light)}
.gf8c-testi-stars{color:var(--gf8c-gold);font-size:1.1rem}
.gf8c-testi p{font-size:1.2rem;color:var(--gf8c-muted);margin:0}

/* ===== Winners ===== */
.gf8c-winner{display:flex;align-items:center;justify-content:space-between;background:rgba(255,210,74,.08);border-radius:10px;padding:.6rem .8rem;margin-bottom:.5rem}
.gf8c-winner-name{font-size:1.25rem;color:var(--gf8c-light);font-weight:600}
.gf8c-winner-amount{font-size:1.35rem;color:var(--gf8c-gold);font-weight:800}

/* ===== Payment ===== */
.gf8c-pay-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}
.gf8c-pay-item{background:#0e2e2d;border-radius:10px;padding:.7rem .3rem;text-align:center;border:1px solid rgba(64,224,208,.15)}
.gf8c-pay-item .material-icons,.gf8c-pay-item i{font-size:2.4rem;color:var(--gf8c-accent)}
.gf8c-pay-item span{display:block;font-size:1rem;color:var(--gf8c-muted);margin-top:.3rem}

/* ===== App download CTA ===== */
.gf8c-app-cta{background:linear-gradient(135deg,#006d6d,#0a2a2a);border-radius:14px;padding:1.2rem;text-align:center;border:1px solid var(--gf8c-accent)}
.gf8c-app-cta h3{color:var(--gf8c-gold);font-size:1.7rem;margin-bottom:.5rem}
.gf8c-app-cta p{font-size:1.25rem;color:var(--gf8c-light);margin-bottom:.8rem}
.gf8c-app-cta .gf8c-cta{margin:.4rem 0}

/* ===== Footer ===== */
.gf8c-footer{background:#06201f;padding:1.4rem 1rem 2rem;border-top:1px solid rgba(64,224,208,.2)}
.gf8c-footer-brand{font-size:1.3rem;color:var(--gf8c-muted);margin-bottom:1rem;line-height:1.6rem}
.gf8c-footer-promo{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.gf8c-footer-promo button{flex:1 1 45%;background:linear-gradient(135deg,var(--gf8c-gold),#ff9b3d);color:#3a1a00;font-weight:700;border:none;border-radius:8px;padding:.6rem;font-size:1.15rem;cursor:pointer}
.gf8c-footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}
.gf8c-footer-links a{font-size:1.15rem;color:var(--gf8c-accent);padding:.3rem 0;border-bottom:1px solid rgba(64,224,208,.1)}
.gf8c-footer-copy{font-size:1.1rem;color:var(--gf8c-muted);text-align:center;border-top:1px solid rgba(64,224,208,.12);padding-top:.8rem}

/* ===== Bottom nav ===== */
.gf8c-bottomnav{
  position:fixed;bottom:0;left:0;right:0;max-width:var(--gf8c-max);margin:0 auto;z-index:1000;
  height:62px;background:rgba(6,32,32,.98);backdrop-filter:blur(10px);
  border-top:1px solid rgba(64,224,208,.3);
  display:flex;justify-content:space-around;align-items:center;
}
.gf8c-bottomnav-btn{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;
  min-width:60px;min-height:60px;background:transparent;border:none;color:var(--gf8c-muted);
  cursor:pointer;transition:transform .15s,color .15s;font-family:inherit;
}
.gf8c-bottomnav-btn i,.gf8c-bottomnav-btn .material-icons{font-size:22px}
.gf8c-bottomnav-btn span{font-size:1.05rem;font-weight:600}
.gf8c-bottomnav-btn:active{transform:scale(.88)}
.gf8c-bottomnav-btn.gf8c-nav-current{color:var(--gf8c-gold)}
.gf8c-bottomnav-btn.gf8c-promo{color:var(--gf8c-accent)}
.gf8c-bottomnav-btn.gf8c-promo i,.gf8c-bottomnav-btn.gf8c-promo .material-icons{color:var(--gf8c-gold)}
.gf8c-nav-badge{position:absolute;top:6px;right:14px;background:var(--gf8c-red);color:#fff;font-size:.85rem;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-weight:700}

/* ===== Back to top ===== */
.gf8c-back-top{
  position:fixed;right:1rem;bottom:75px;z-index:998;width:42px;height:42px;border-radius:50%;
  background:var(--gf8c-accent);color:#06201f;border:none;font-size:1.8rem;cursor:pointer;
  opacity:0;pointer-events:none;transition:opacity .25s;box-shadow:var(--gf8c-shadow);
}
.gf8c-back-top.gf8c-visible{opacity:1;pointer-events:auto}

/* ===== Desktop ===== */
@media (min-width:769px){
  .gf8c-bottomnav{display:none}
  .gf8c-menu-btn{display:none}
  .gf8c-wrapper{max-width:760px;box-shadow:0 0 30px rgba(0,0,0,.5)}
  .gf8c-game-grid{grid-template-columns:repeat(5,1fr)}
}
@media (max-width:768px){
  .gf8c-main{padding-bottom:80px}
}