/* ============================================================
   8999 mos - design-eac0.css
   Mobile-first gaming website styles (bn-BD)
   Palette: #FF7F50 | #FFB6C1 | #FFC0CB | #FF4500 | #2C2C2C
   All custom classes use the "uiac-" prefix.
   ============================================================ */

:root{
  --uiac-primary:#FF4500;
  --uiac-primary-soft:#FF6A33;
  --uiac-secondary:#FF7F50;
  --uiac-light-pink:#FFB6C1;
  --uiac-soft-pink:#FFC0CB;
  --uiac-bg:#2C2C2C;
  --uiac-bg-dark:#1a1a1a;
  --uiac-bg-darker:#121212;
  --uiac-bg-card:#3a3a3a;
  --uiac-text:#ffffff;
  --uiac-text-soft:#FFC0CB;
  --uiac-text-muted:#c9c9c9;
  --uiac-gold:#FFD700;
  --uiac-border:rgba(255,127,80,0.25);
  --uiac-radius:1.2rem;
  --uiac-radius-sm:0.8rem;
  --uiac-shadow:0 0.4rem 1.5rem rgba(0,0,0,0.45);
  --uiac-maxw:430px;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{font-size:62.5%;}
body{
  font-family:'Noto Sans Bengali','Hind Siliguri',system-ui,-apple-system,sans-serif;
  background:var(--uiac-bg);
  color:var(--uiac-text);
  line-height:1.5rem;
  font-size:1.4rem;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:var(--uiac-secondary);text-decoration:none;}
button{font-family:inherit;}

/* ---------- layout ---------- */
.uiac-container{max-width:var(--uiac-maxw);margin:0 auto;padding:0 1.2rem;}
.uiac-wrapper{width:100%;min-height:100vh;}
main.uiac-main{padding-top:0;padding-bottom:8rem;}

/* ---------- header ---------- */
.uiac-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:linear-gradient(180deg,#1a1a1a,#2C2C2C);
  border-bottom:0.1rem solid var(--uiac-border);
  box-shadow:var(--uiac-shadow);
  transition:box-shadow .25s ease;
}
.uiac-header.uiac-scrolled{box-shadow:0 0.5rem 1.8rem rgba(0,0,0,0.6);}
.uiac-header-inner{
  max-width:var(--uiac-maxw);margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  padding:0.6rem 1.2rem;gap:0.6rem;
}
.uiac-logo{display:flex;align-items:center;gap:0.6rem;min-width:0;cursor:pointer;}
.uiac-logo img{width:2.8rem;height:2.8rem;border-radius:0.8rem;object-fit:cover;}
.uiac-logo-text{font-weight:800;font-size:1.7rem;color:var(--uiac-primary);white-space:nowrap;letter-spacing:.02em;}
.uiac-logo-text span{color:var(--uiac-light-pink);}
.uiac-header-actions{display:flex;align-items:center;gap:0.5rem;}

/* ---------- buttons ---------- */
.uiac-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;
  border:none;cursor:pointer;font-weight:700;border-radius:1rem;
  padding:0.6rem 1.2rem;font-size:1.25rem;min-height:3.2rem;
  transition:transform .15s ease,filter .15s ease;line-height:1;
}
.uiac-btn-primary{background:linear-gradient(135deg,#FF4500,#FF7F50);color:#fff;box-shadow:0 0.3rem 0.8rem rgba(255,69,0,0.45);}
.uiac-btn-secondary{background:var(--uiac-bg-card);color:var(--uiac-light-pink);border:0.1rem solid var(--uiac-border);}
.uiac-btn-gold{background:linear-gradient(135deg,#FFD700,#FF7F50);color:#2C2C2C;}
.uiac-btn:hover{transform:translateY(-0.1rem);filter:brightness(1.08);}
.uiac-btn:active{transform:scale(0.96);}
.uiac-menu-toggle{
  background:transparent;border:0.1rem solid var(--uiac-border);
  color:var(--uiac-light-pink);width:3.4rem;height:3.4rem;border-radius:0.8rem;
  display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.7rem;
}

/* ---------- mobile menu ---------- */
.uiac-mobile-menu{
  position:fixed;top:0;right:-100%;width:82%;max-width:30rem;height:100vh;
  background:#1a1a1a;z-index:9999;padding:6rem 1.4rem 2rem;
  transition:right .3s ease;overflow-y:auto;
  box-shadow:-0.4rem 0 1.5rem rgba(0,0,0,0.55);
}
.uiac-mobile-menu.uiac-open{right:0;}
.uiac-mobile-menu-close{
  position:absolute;top:1.2rem;right:1.2rem;background:transparent;border:none;
  color:var(--uiac-light-pink);font-size:2rem;cursor:pointer;width:3.2rem;height:3.2rem;
}
.uiac-mobile-menu h4{color:var(--uiac-primary);font-size:1.3rem;margin:1rem 0 0.4rem;}
.uiac-mobile-menu a{
  display:flex;align-items:center;gap:0.6rem;padding:1rem 0.8rem;
  color:var(--uiac-text);border-bottom:0.1rem solid rgba(255,255,255,0.08);
  font-weight:600;font-size:1.3rem;
}
.uiac-mobile-menu a:hover{color:var(--uiac-primary);background:rgba(255,69,0,0.08);}
.uiac-mobile-menu a i{color:var(--uiac-secondary);font-size:1.4rem;width:1.8rem;text-align:center;}
.uiac-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:9998;display:none;}
.uiac-menu-overlay.uiac-open{display:block;}

/* ---------- hero / carousel ---------- */
.uiac-hero{margin-top:5.6rem;padding:0.8rem 0 0;}
.uiac-carousel{position:relative;border-radius:var(--uiac-radius);overflow:hidden;box-shadow:var(--uiac-shadow);}
.uiac-slides{display:flex;transition:transform .5s ease;}
.uiac-slide{min-width:100%;position:relative;cursor:pointer;}
.uiac-slide img{width:100%;height:16rem;object-fit:cover;}
.uiac-slide-caption{
  position:absolute;left:0.8rem;bottom:0.8rem;right:0.8rem;
  background:linear-gradient(transparent,rgba(0,0,0,0.75));
  padding:1.6rem 0.8rem 0.6rem;border-radius:0.8rem;
}
.uiac-slide-caption h2{font-size:1.7rem;font-weight:800;color:var(--uiac-light-pink);}
.uiac-slide-caption p{font-size:1.15rem;margin-top:0.2rem;color:#fff;}
.uiac-carousel-dots{position:absolute;bottom:0.6rem;left:50%;transform:translateX(-50%);display:flex;gap:0.4rem;z-index:2;}
.uiac-carousel-dots span{width:0.7rem;height:0.7rem;border-radius:50%;background:rgba(255,255,255,0.5);cursor:pointer;transition:all .25s ease;}
.uiac-carousel-dots span.uiac-active{background:var(--uiac-primary);width:1.8rem;border-radius:0.4rem;}

/* ---------- sections ---------- */
.uiac-section{padding:1.5rem 0;}
.uiac-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;}
.uiac-section-title{font-size:1.8rem;font-weight:800;color:var(--uiac-light-pink);display:flex;align-items:center;gap:0.5rem;}
.uiac-section-title i,.uiac-section-title .material-icons-outlined{color:var(--uiac-primary);font-size:1.9rem;}
.uiac-section-more{font-size:1.15rem;color:var(--uiac-secondary);font-weight:600;cursor:pointer;}

/* ---------- game grid ---------- */
.uiac-game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0.7rem;}
.uiac-game-card{
  background:var(--uiac-bg-card);border-radius:var(--uiac-radius-sm);overflow:hidden;
  cursor:pointer;border:0.1rem solid transparent;transition:all .2s ease;
  text-align:center;padding:0 0 0.3rem;font-family:inherit;color:inherit;
}
.uiac-game-card:hover{border-color:var(--uiac-primary);transform:translateY(-0.2rem);box-shadow:0 0.4rem 1rem rgba(255,69,0,0.25);}
.uiac-game-card:active{transform:scale(0.96);}
.uiac-game-card img{width:100%;aspect-ratio:1/1;object-fit:cover;}
.uiac-game-name{font-size:1.05rem;padding:0.3rem 0.2rem;color:var(--uiac-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;display:block;}
.uiac-cat-label{
  display:inline-flex;align-items:center;gap:0.4rem;
  background:rgba(255,69,0,0.15);color:var(--uiac-secondary);
  padding:0.3rem 1rem;border-radius:1rem;font-size:1.15rem;font-weight:700;
  margin-bottom:0.8rem;border:0.1rem solid var(--uiac-border);
}
.uiac-cat-label i,.uiac-cat-label .material-icons-outlined{font-size:1.3rem;}

/* ---------- info cards ---------- */
.uiac-card{
  background:var(--uiac-bg-card);border-radius:var(--uiac-radius);
  padding:1.3rem;margin-bottom:1rem;border:0.1rem solid var(--uiac-border);
  box-shadow:var(--uiac-shadow);
}
.uiac-card h3{font-size:1.5rem;color:var(--uiac-primary);margin-bottom:0.6rem;font-weight:800;display:flex;align-items:center;gap:0.5rem;}
.uiac-card h3 i,.uiac-card h3 .material-icons-outlined{color:var(--uiac-secondary);}
.uiac-card p{color:var(--uiac-text-muted);font-size:1.22rem;line-height:1.65;margin-bottom:0.5rem;}
.uiac-card p:last-child{margin-bottom:0;}
.uiac-card ul{list-style:none;padding-left:0;}
.uiac-card ul li{padding:0.45rem 0;color:var(--uiac-text-muted);font-size:1.2rem;display:flex;gap:0.5rem;align-items:flex-start;}
.uiac-card ul li i{color:var(--uiac-secondary);margin-top:0.25rem;flex-shrink:0;}

/* ---------- inline promo ---------- */
.uiac-promo-link{color:var(--uiac-primary);font-weight:800;cursor:pointer;text-decoration:underline;}
.uiac-promo-link:hover{color:var(--uiac-secondary);}

/* ---------- CTA ---------- */
.uiac-cta{
  background:linear-gradient(135deg,#FF4500,#FF7F50);border-radius:var(--uiac-radius);
  padding:1.5rem;text-align:center;margin:1rem 0;
  box-shadow:0 0.5rem 1.4rem rgba(255,69,0,0.45);
}
.uiac-cta h3{font-size:1.7rem;color:#fff;margin-bottom:0.4rem;font-weight:800;}
.uiac-cta p{color:rgba(255,255,255,0.92);margin-bottom:0.9rem;font-size:1.2rem;}
.uiac-cta .uiac-btn{background:#fff;color:var(--uiac-primary);font-size:1.3rem;padding:0.9rem 2.2rem;}

/* ---------- RTP ---------- */
.uiac-rtp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.6rem;}
.uiac-rtp-item{background:#1a1a1a;border-radius:0.7rem;padding:0.9rem;text-align:center;border:0.1rem solid var(--uiac-border);}
.uiac-rtp-item .uiac-rtp-val{font-size:1.7rem;font-weight:800;color:var(--uiac-primary);}
.uiac-rtp-item .uiac-rtp-label{font-size:1.05rem;color:var(--uiac-text-muted);margin-top:0.2rem;}

/* ---------- winners ---------- */
.uiac-winners{display:grid;gap:0.5rem;}
.uiac-winner{display:flex;align-items:center;justify-content:space-between;background:#1a1a1a;padding:0.7rem 0.9rem;border-radius:0.7rem;border-left:0.3rem solid var(--uiac-primary);}
.uiac-winner-name{font-weight:700;color:var(--uiac-light-pink);font-size:1.15rem;}
.uiac-winner-game{font-size:1rem;color:var(--uiac-text-muted);}
.uiac-winner-amount{color:var(--uiac-gold);font-weight:800;font-size:1.25rem;}

/* ---------- payment ---------- */
.uiac-pay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0.6rem;}
.uiac-pay-item{background:#1a1a1a;border-radius:0.7rem;padding:0.9rem;text-align:center;border:0.1rem solid var(--uiac-border);}
.uiac-pay-item i,.uiac-pay-item .material-icons-outlined{font-size:2rem;color:var(--uiac-secondary);}
.uiac-pay-item span{display:block;margin-top:0.3rem;font-size:1.05rem;color:var(--uiac-text-muted);}

/* ---------- testimonials ---------- */
.uiac-testimonial{background:#1a1a1a;border-radius:0.8rem;padding:1rem;margin-bottom:0.7rem;border-left:0.3rem solid var(--uiac-secondary);}
.uiac-testimonial p{font-size:1.18rem;color:var(--uiac-text);font-style:italic;line-height:1.6;}
.uiac-testimonial .uiac-stars{color:var(--uiac-gold);margin:0.3rem 0;font-size:1rem;}
.uiac-testimonial .uiac-author{font-size:1.1rem;color:var(--uiac-light-pink);font-weight:700;}

/* ---------- category highlight ---------- */
.uiac-cat-list{display:grid;gap:0.6rem;}
.uiac-cat-row{display:flex;align-items:center;gap:0.8rem;background:#1a1a1a;padding:0.8rem;border-radius:0.7rem;border:0.1rem solid var(--uiac-border);cursor:pointer;}
.uiac-cat-row:hover{border-color:var(--uiac-primary);}
.uiac-cat-icon{width:3.4rem;height:3.4rem;border-radius:0.7rem;display:flex;align-items:center;justify-content:center;background:rgba(255,69,0,0.15);flex-shrink:0;}
.uiac-cat-icon i,.uiac-cat-icon .material-icons-outlined{font-size:1.8rem;color:var(--uiac-primary);}
.uiac-cat-info h4{font-size:1.25rem;color:var(--uiac-light-pink);font-weight:700;}
.uiac-cat-info p{font-size:1.05rem;color:var(--uiac-text-muted);}

/* ---------- footer ---------- */
.uiac-footer{background:#1a1a1a;padding:1.6rem 0 2rem;margin-top:1.5rem;border-top:0.25rem solid var(--uiac-primary);}
.uiac-footer-intro{color:var(--uiac-text-muted);font-size:1.18rem;margin-bottom:1rem;line-height:1.65;}
.uiac-footer-promos{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem;}
.uiac-footer-promos .uiac-btn{font-size:1.1rem;padding:0.5rem 1rem;min-height:2.8rem;}
.uiac-footer h4{color:var(--uiac-light-pink);font-size:1.25rem;margin:0.8rem 0 0.5rem;}
.uiac-footer-links{display:flex;flex-wrap:wrap;gap:0.5rem 0.6rem;margin-bottom:1rem;}
.uiac-footer-links a{color:var(--uiac-light-pink);font-size:1.1rem;padding:0.3rem 0.7rem;background:var(--uiac-bg-card);border-radius:0.5rem;border:0.1rem solid var(--uiac-border);}
.uiac-footer-links a:hover{color:var(--uiac-primary);}
.uiac-copyright{text-align:center;color:var(--uiac-text-muted);font-size:1.05rem;padding-top:1rem;border-top:0.1rem solid rgba(255,255,255,0.08);}

/* ---------- mobile bottom nav ---------- */
.uiac-bottom-nav{
  position:fixed;bottom:0;left:0;right:0;z-index:1000;
  background:linear-gradient(180deg,#2C2C2C,#1a1a1a);
  border-top:0.18rem solid var(--uiac-primary);
  display:flex;justify-content:space-around;align-items:center;
  padding:0.3rem 0.2rem;height:6.2rem;
  box-shadow:0 -0.3rem 1rem rgba(0,0,0,0.45);
}
.uiac-bottom-nav-item{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-width:6rem;min-height:5.2rem;background:transparent;border:none;
  color:var(--uiac-text-muted);cursor:pointer;gap:0.2rem;flex:1;
  transition:color .2s ease,transform .15s ease;position:relative;
  text-decoration:none;
}
.uiac-bottom-nav-item .material-icons-outlined,
.uiac-bottom-nav-item i.fas,
.uiac-bottom-nav-item i.far,
.uiac-bottom-nav-item i.bi{font-size:2.2rem;}
.uiac-bottom-nav-item ion-icon{font-size:2.3rem;}
.uiac-bottom-nav-item span{font-size:1rem;font-weight:600;}
.uiac-bottom-nav-item:hover{color:var(--uiac-primary);}
.uiac-bottom-nav-item:active{transform:scale(0.9);}
.uiac-bottom-nav-item.uiac-active{color:var(--uiac-primary);}
.uiac-bottom-nav-item.uiac-active::before{
  content:'';position:absolute;top:-0.3rem;left:50%;transform:translateX(-50%);
  width:2.6rem;height:0.32rem;background:var(--uiac-primary);border-radius:0 0 0.3rem 0.3rem;
}
.uiac-bottom-nav-item.uiac-promo{color:var(--uiac-secondary);}
.uiac-bottom-nav-item.uiac-promo span{color:var(--uiac-light-pink);}
.uiac-bottom-nav-item.uiac-promo::before{background:var(--uiac-secondary);}

/* ---------- responsive ---------- */
@media (min-width:769px){
  .uiac-bottom-nav{display:none;}
  .uiac-wrapper{padding-bottom:0;}
  main.uiac-main{padding-bottom:2rem;}
  body{font-size:1.5rem;}
}
@media (max-width:768px){
  main.uiac-main{padding-bottom:8.5rem;}
}
@media (max-width:360px){
  .uiac-game-grid{grid-template-columns:repeat(2,1fr);}
  .uiac-logo-text{font-size:1.4rem;}
}

/* ---------- utilities ---------- */
.uiac-text-center{text-align:center;}
.uiac-mt-1{margin-top:0.6rem;}
.uiac-mt-2{margin-top:1.2rem;}
.uiac-hidden{display:none !important;}
.uiac-badge{display:inline-block;background:var(--uiac-primary);color:#fff;font-size:0.95rem;padding:0.1rem 0.5rem;border-radius:0.4rem;font-weight:700;margin-left:0.4rem;}