/* taka bd - core base stylesheet */
/* CSS class prefix: v941- */
/* Color palette: #2E4057 | #CCCCCC | #AFEEEE | #00E5FF */
/* Mobile-first HTML5 gaming website - max-width 430px */

:root{
  --v941-primary:#00E5FF;
  --v941-secondary:#AFEEEE;
  --v941-bg:#2E4057;
  --v941-bg-dark:#1b2a3a;
  --v941-bg-card:#243a52;
  --v941-text:#CCCCCC;
  --v941-text-light:#E8F4F8;
  --v941-text-muted:#9bb0c4;
  --v941-accent:#00E5FF;
  --v941-accent-soft:#AFEEEE;
  --v941-border:rgba(175,238,238,.18);
  --v941-shadow:0 4px 18px rgba(0,0,0,.35);
  --v941-radius:14px;
  --v941-radius-sm:10px;
}

*{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','Segoe UI',sans-serif;
  background:linear-gradient(180deg,#1b2a3a 0%,#2E4057 100%);
  color:var(--v941-text-light);
  line-height:1.5rem;
  font-size:1.5rem;
  min-height:100vh;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:var(--v941-primary);text-decoration:none;}
ul{list-style:none;}

/* ===== Layout ===== */
.v941-container{max-width:430px;margin:0 auto;padding:0 1.2rem;position:relative;}
.v941-wrapper{min-height:100vh;display:flex;flex-direction:column;}
.v941-main{flex:1;padding-bottom:90px;}
.v941-section{margin:2rem 0;padding:1.6rem 1.4rem;background:var(--v941-bg-card);border-radius:var(--v941-radius);border:1px solid var(--v941-border);box-shadow:var(--v941-shadow);}
.v941-section-title{font-size:1.9rem;color:var(--v941-primary);margin-bottom:1rem;font-weight:700;border-left:4px solid var(--v941-primary);padding-left:.8rem;}
.v941-section-title .material-icons,.v941-section-title .fas,.v941-section-title .bi{vertical-align:middle;margin-right:.4rem;font-size:2rem;}

/* ===== Header ===== */
.v941-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:linear-gradient(90deg,#1b2a3a 0%,#2E4057 100%);
  border-bottom:2px solid var(--v941-primary);
  box-shadow:0 2px 10px rgba(0,0,0,.45);
}
.v941-header-inner{max-width:430px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;gap:.5rem;}
.v941-logo{display:flex;align-items:center;gap:.5rem;min-width:0;}
.v941-logo img{width:28px;height:28px;border-radius:6px;object-fit:cover;}
.v941-logo-text{font-size:1.5rem;font-weight:700;color:var(--v941-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.v941-header-actions{display:flex;align-items:center;gap:.5rem;}
.v941-btn{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.55rem 1.1rem;border-radius:50px;font-size:1.25rem;font-weight:600;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;min-height:36px;}
.v941-btn:active{transform:scale(.95);}
.v941-btn-register{background:linear-gradient(135deg,#00E5FF,#AFEEEE);color:#1b2a3a;box-shadow:0 2px 8px rgba(0,229,255,.4);}
.v941-btn-login{background:transparent;color:var(--v941-primary);border:1.5px solid var(--v941-primary);}
.v941-menu-toggle{background:transparent;border:none;color:var(--v941-primary);font-size:2rem;cursor:pointer;padding:.2rem .4rem;display:flex;align-items:center;}

/* ===== Mobile Menu (slide-down) ===== */
.v941-mobile-menu{position:fixed;top:0;left:0;right:0;z-index:9999;max-height:0;overflow:hidden;background:#1b2a3a;transition:max-height .35s ease;box-shadow:0 6px 20px rgba(0,0,0,.6);}
.v941-mobile-menu.v941-open{max-height:560px;border-bottom:2px solid var(--v941-primary);}
.v941-mobile-menu-inner{max-width:430px;margin:0 auto;padding:1rem 1.2rem 1.4rem;}
.v941-menu-head{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0 1rem;border-bottom:1px solid var(--v941-border);margin-bottom:.6rem;}
.v941-menu-head .v941-logo-text{font-size:1.7rem;}
.v941-menu-close{background:transparent;border:none;color:var(--v941-primary);font-size:2.2rem;cursor:pointer;}
.v941-menu-link{display:flex;align-items:center;gap:.8rem;padding:1rem .4rem;color:var(--v941-text-light);font-size:1.4rem;border-bottom:1px solid rgba(175,238,238,.08);transition:color .15s ease,background .15s ease;}
.v941-menu-link:active{background:rgba(0,229,255,.08);color:var(--v941-primary);}
.v941-menu-link .material-icons,.v941-menu-link .fas,.v941-menu-link .bi{color:var(--v941-primary);font-size:1.8rem;width:24px;text-align:center;}

/* ===== Hero / Carousel ===== */
.v941-hero{margin-top:70px;padding:1rem 0 0;}
.v941-carousel{position:relative;border-radius:var(--v941-radius);overflow:hidden;box-shadow:var(--v941-shadow);border:1px solid var(--v941-border);}
.v941-carousel-track{display:flex;transition:transform .5s ease;}
.v941-slide{min-width:100%;position:relative;cursor:pointer;}
.v941-slide img{width:100%;height:200px;object-fit:cover;}
.v941-slide-overlay{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent,rgba(27,42,58,.92));padding:1.2rem 1rem 1rem;}
.v941-slide-title{font-size:1.7rem;font-weight:700;color:var(--v941-primary);margin-bottom:.2rem;}
.v941-slide-desc{font-size:1.2rem;color:var(--v941-secondary);}
.v941-carousel-dots{display:flex;justify-content:center;gap:.5rem;padding:.8rem 0;}
.v941-dot{width:8px;height:8px;border-radius:50%;background:rgba(175,238,238,.35);border:none;cursor:pointer;transition:background .2s ease,transform .2s ease;}
.v941-dot.v941-active{background:var(--v941-primary);transform:scale(1.25);}

/* ===== H1 / Intro ===== */
.v941-h1{font-size:2.1rem;color:var(--v941-primary);text-align:center;margin:1.4rem 0 .6rem;font-weight:700;line-height:1.3;}
.v941-intro{font-size:1.35rem;color:var(--v941-text);text-align:center;margin-bottom:1rem;padding:0 .4rem;}
.v941-intro strong{color:var(--v941-primary);}
.v941-cta-row{display:flex;gap:.6rem;justify-content:center;margin:1rem 0;}
.v941-cta-row .v941-btn{flex:1;max-width:180px;}

/* ===== Category Tabs ===== */
.v941-cat-tabs{display:flex;gap:.5rem;overflow-x:auto;padding:.4rem 0;margin-bottom:1rem;-webkit-overflow-scrolling:touch;}
.v941-cat-tab{flex:0 0 auto;padding:.5rem 1.1rem;border-radius:50px;background:var(--v941-bg-dark);color:var(--v941-text);font-size:1.2rem;border:1px solid var(--v941-border);cursor:pointer;white-space:nowrap;}
.v941-cat-tab.v941-active{background:linear-gradient(135deg,#00E5FF,#AFEEEE);color:#1b2a3a;border-color:transparent;font-weight:600;}

/* ===== Game Grid ===== */
.v941-game-section{margin:1.6rem 0;}
.v941-game-section-title{font-size:1.7rem;color:var(--v941-primary);margin-bottom:.8rem;font-weight:700;display:flex;align-items:center;gap:.5rem;}
.v941-game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;}
.v941-game-card{background:var(--v941-bg-card);border-radius:var(--v941-radius-sm);overflow:hidden;border:1px solid var(--v941-border);cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;position:relative;}
.v941-game-card:active{transform:scale(.96);box-shadow:0 0 12px rgba(0,229,255,.4);}
.v941-game-card img{width:100%;aspect-ratio:1;object-fit:cover;background:#0f1d2b;}
.v941-game-name{font-size:1.1rem;color:var(--v941-text-light);text-align:center;padding:.4rem .2rem .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:32px;line-height:1.2;}

/* ===== Info / Feature cards ===== */
.v941-info-grid{display:grid;grid-template-columns:1fr;gap:.8rem;}
.v941-info-card{background:rgba(27,42,58,.6);border-radius:var(--v941-radius-sm);padding:1rem 1.1rem;border-left:3px solid var(--v941-primary);}
.v941-info-card h3{font-size:1.4rem;color:var(--v941-primary);margin-bottom:.4rem;display:flex;align-items:center;gap:.4rem;}
.v941-info-card p{font-size:1.25rem;color:var(--v941-text);line-height:1.5rem;}
.v941-info-card a{color:var(--v941-primary);font-weight:600;border-bottom:1px dashed var(--v941-primary);}

/* ===== Features list ===== */
.v941-features{display:grid;grid-template-columns:1fr;gap:.7rem;}
.v941-feature-item{display:flex;gap:.8rem;align-items:flex-start;padding:.9rem;background:rgba(27,42,58,.5);border-radius:var(--v941-radius-sm);border:1px solid var(--v941-border);}
.v941-feature-icon{flex:0 0 36px;height:36px;border-radius:50%;background:rgba(0,229,255,.15);display:flex;align-items:center;justify-content:center;color:var(--v941-primary);font-size:1.8rem;}
.v941-feature-text h4{font-size:1.3rem;color:var(--v941-primary);margin-bottom:.2rem;}
.v941-feature-text p{font-size:1.2rem;color:var(--v941-text);}

/* ===== RTP table ===== */
.v941-rtp-table{width:100%;border-collapse:collapse;font-size:1.2rem;}
.v941-rtp-table th,.v941-rtp-table td{padding:.7rem .5rem;text-align:left;border-bottom:1px solid var(--v941-border);}
.v941-rtp-table th{color:var(--v941-primary);font-weight:600;font-size:1.15rem;}
.v941-rtp-table td{color:var(--v941-text-light);}
.v941-rtp-table td .v941-rtp-bar{display:inline-block;height:6px;border-radius:3px;background:linear-gradient(90deg,#00E5FF,#AFEEEE);vertical-align:middle;margin-left:.4rem;}

/* ===== Testimonials ===== */
.v941-testimonials{display:grid;grid-template-columns:1fr;gap:.8rem;}
.v941-testimonial{background:rgba(27,42,58,.55);border-radius:var(--v941-radius-sm);padding:1rem 1.1rem;border:1px solid var(--v941-border);}
.v941-testimonial-stars{color:#FFD54F;font-size:1.2rem;margin-bottom:.3rem;}
.v941-testimonial-text{font-size:1.25rem;color:var(--v941-text-light);font-style:italic;margin-bottom:.5rem;}
.v941-testimonial-author{font-size:1.1rem;color:var(--v941-primary);font-weight:600;}

/* ===== Payment methods ===== */
.v941-pay-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;}
.v941-pay-item{background:rgba(27,42,58,.55);border-radius:var(--v941-radius-sm);padding:.8rem .4rem;text-align:center;border:1px solid var(--v941-border);}
.v941-pay-item .v941-pay-icon{font-size:2rem;color:var(--v941-primary);margin-bottom:.3rem;}
.v941-pay-item span{font-size:1rem;color:var(--v941-text);display:block;}

/* ===== Winners ===== */
.v941-winner-list{display:grid;grid-template-columns:1fr;gap:.5rem;}
.v941-winner{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;background:rgba(27,42,58,.55);border-radius:var(--v941-radius-sm);border-left:3px solid var(--v941-primary);font-size:1.2rem;}
.v941-winner .v941-winner-name{color:var(--v941-text-light);}
.v941-winner .v941-winner-amount{color:var(--v941-primary);font-weight:700;}

/* ===== App download CTA ===== */
.v941-app-cta{background:linear-gradient(135deg,rgba(0,229,255,.15),rgba(175,238,238,.1));border-radius:var(--v941-radius);padding:1.4rem;text-align:center;border:1px solid var(--v941-primary);}
.v941-app-cta h3{font-size:1.6rem;color:var(--v941-primary);margin-bottom:.5rem;}
.v941-app-cta p{font-size:1.25rem;color:var(--v941-text);margin-bottom:.9rem;}
.v941-app-cta .v941-btn{font-size:1.3rem;padding:.7rem 1.6rem;}

/* ===== Inline promo link ===== */
.v941-promo-link{color:var(--v941-primary);font-weight:700;border-bottom:1px dashed var(--v941-primary);cursor:pointer;}
.v941-promo-btn{display:inline-flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,#00E5FF,#AFEEEE);color:#1b2a3a;font-weight:700;padding:.6rem 1.3rem;border-radius:50px;font-size:1.25rem;border:none;cursor:pointer;box-shadow:0 2px 8px rgba(0,229,255,.4);}
.v941-promo-btn:active{transform:scale(.96);}

/* ===== Footer ===== */
.v941-footer{background:#1b2a3a;border-top:2px solid var(--v941-primary);padding:1.6rem 0 1rem;margin-top:1rem;}
.v941-footer-inner{max-width:430px;margin:0 auto;padding:0 1.2rem;}
.v941-footer-brand{font-size:1.25rem;color:var(--v941-text);line-height:1.5rem;margin-bottom:.9rem;}
.v941-footer-brand strong{color:var(--v941-primary);}
.v941-footer-links{display:flex;flex-wrap:wrap;gap:.5rem .8rem;margin-bottom:.9rem;}
.v941-footer-links a{color:var(--v941-secondary);font-size:1.15rem;border-bottom:1px dotted rgba(175,238,238,.4);}
.v941-footer-links a:active{color:var(--v941-primary);}
.v941-footer-promo{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem;}
.v941-footer-promo .v941-promo-btn{font-size:1.1rem;padding:.45rem 1rem;}
.v941-footer-copy{text-align:center;font-size:1.1rem;color:var(--v941-text-muted);border-top:1px solid var(--v941-border);padding-top:.8rem;}

/* ===== Mobile Bottom Nav ===== */
.v941-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:linear-gradient(180deg,#2E4057,#1b2a3a);border-top:2px solid var(--v941-primary);box-shadow:0 -3px 12px rgba(0,0,0,.45);display:flex;justify-content:space-around;align-items:stretch;height:60px;}
.v941-bottom-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;background:transparent;border:none;color:var(--v941-text);cursor:pointer;padding:.3rem;min-width:60px;min-height:56px;transition:color .15s ease,transform .15s ease;position:relative;}
.v941-bottom-nav-btn:active{transform:scale(.9);}
.v941-bottom-nav-btn .v941-bn-icon{font-size:22px;line-height:1;color:var(--v941-secondary);}
.v941-bottom-nav-btn .v941-bn-label{font-size:1rem;color:var(--v941-text);line-height:1.1;}
.v941-bottom-nav-btn.v941-active .v941-bn-icon,.v941-bottom-nav-btn.v941-active .v941-bn-label{color:var(--v941-primary);}
.v941-bottom-nav-btn.v941-active::before{content:"";position:absolute;top:0;left:25%;right:25%;height:3px;background:var(--v941-primary);border-radius:0 0 4px 4px;}
.v941-bn-badge{position:absolute;top:3px;right:18%;min-width:15px;height:15px;border-radius:50%;background:#FF5252;color:#fff;font-size:.85rem;display:flex;align-items:center;justify-content:center;padding:0 3px;}

/* ===== Responsive ===== */
@media (min-width:769px){
  .v941-bottom-nav{display:none;}
  .v941-main{padding-bottom:20px;}
  .v941-container{max-width:760px;}
  .v941-header-inner{max-width:760px;}
  .v941-mobile-menu-inner{max-width:760px;}
  .v941-footer-inner{max-width:760px;}
  .v941-game-grid{grid-template-columns:repeat(5,1fr);}
  .v941-pay-grid{grid-template-columns:repeat(6,1fr);}
  .v941-info-grid{grid-template-columns:repeat(2,1fr);}
  .v941-features{grid-template-columns:repeat(2,1fr);}
  .v941-testimonials{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:768px){
  .v941-main{padding-bottom:80px;}
}
@media (max-width:360px){
  .v941-game-grid{grid-template-columns:repeat(2,1fr);}
  .v941-pay-grid{grid-template-columns:repeat(3,1fr);}
  .v941-slide img{height:170px;}
}