/* 499 vat layout - all project classes use w63ba- prefix */
:root{
  --w63ba-primary:#273746;
  --w63ba-bg:#1c2530;
  --w63ba-bg-alt:#273746;
  --w63ba-text:#E9ECEF;
  --w63ba-text-light:#FFF8DC;
  --w63ba-accent:#FFF8DC;
  --w63ba-accent-2:#f0c040;
  --w63ba-gold:#d4af37;
  --w63ba-red:#e74c3c;
  --w63ba-green:#2ecc71;
  --w63ba-card-bg:#243040;
  --w63ba-border:rgba(255,248,220,.12);
  --w63ba-shadow:0 4px 20px rgba(0,0,0,.45);
  --w63ba-radius:12px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{font-size:62.5%;scroll-behavior:smooth}
body{font-family:"Hind Siliguri","Noto Sans Bengali","Segoe UI",Tahoma,sans-serif;background:var(--w63ba-bg);color:var(--w63ba-text);line-height:1.5rem;font-size:1.6rem;max-width:430px;margin:0 auto;overflow-x:hidden;min-height:100vh}
a{color:var(--w63ba-accent);text-decoration:none}
img{max-width:100%;display:block}
.w63ba-container{width:100%;max-width:430px;margin:0 auto;padding:0 1.2rem}
.w63ba-wrapper{width:100%}
.w63ba-header{position:fixed;top:0;left:0;right:0;max-width:430px;margin:0 auto;background:var(--w63ba-primary);z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.2rem;border-bottom:1px solid var(--w63ba-border);box-shadow:var(--w63ba-shadow)}
.w63ba-logo{display:flex;align-items:center;gap:.8rem;color:var(--w63ba-text-light);font-weight:700;font-size:1.8rem}
.w63ba-logo img{width:32px;height:32px;border-radius:8px}
.w63ba-logo span{color:var(--w63ba-accent-2)}
.w63ba-header-actions{display:flex;align-items:center;gap:.6rem}
.w63ba-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.7rem 1.4rem;border-radius:999px;font-weight:700;font-size:1.4rem;cursor:pointer;border:none;transition:transform .18s,box-shadow .18s,background .18s;min-height:40px}
.w63ba-btn-primary{background:linear-gradient(135deg,#f0c040,#d4af37);color:#273746;box-shadow:0 3px 10px rgba(240,192,64,.35)}
.w63ba-btn-primary:hover{transform:translateY(-2px)}
.w63ba-btn-outline{background:transparent;color:var(--w63ba-text-light);border:1.5px solid var(--w63ba-accent-2)}
.w63ba-btn-outline:hover{background:rgba(240,192,64,.12)}
.w63ba-menu-toggle{background:transparent;border:none;color:var(--w63ba-text-light);font-size:2.2rem;cursor:pointer;padding:.4rem;min-width:40px;min-height:40px}
.w63ba-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9998;opacity:0;visibility:hidden;transition:opacity .25s}
.w63ba-overlay-show{opacity:1;visibility:visible}
.w63ba-mobile-menu{position:fixed;top:0;right:-85%;width:80%;max-width:340px;height:100vh;background:var(--w63ba-bg-alt);z-index:9999;padding:2rem 1.5rem;transition:right .3s ease;overflow-y:auto}
.w63ba-menu-open{right:0}
.w63ba-mobile-menu h3{color:var(--w63ba-accent-2);font-size:1.7rem;margin-bottom:1.2rem;border-bottom:1px solid var(--w63ba-border);padding-bottom:.8rem}
.w63ba-mobile-menu ul{list-style:none}
.w63ba-mobile-menu li{margin-bottom:.6rem}
.w63ba-mobile-menu a{display:flex;align-items:center;gap:.8rem;padding:1rem 1.2rem;border-radius:8px;color:var(--w63ba-text);font-size:1.5rem;transition:background .18s}
.w63ba-mobile-menu a:hover,.w63ba-mobile-menu a:focus{background:rgba(240,192,64,.12);color:var(--w63ba-accent-2)}
.w63ba-menu-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--w63ba-text-light);font-size:2rem;cursor:pointer}
.w63ba-main{padding-top:6.5rem}
main{padding-bottom:90px}
.w63ba-slider{position:relative;width:100%;border-radius:var(--w63ba-radius);overflow:hidden;margin-bottom:1.5rem;box-shadow:var(--w63ba-shadow)}
.w63ba-slide{display:none;position:relative;cursor:pointer}
.w63ba-slide-active{display:block}
.w63ba-slide img{width:100%;height:200px;object-fit:cover}
.w63ba-slide-caption{position:absolute;left:0;right:0;bottom:0;padding:1rem 1.2rem;background:linear-gradient(to top,rgba(39,55,70,.95),transparent);color:var(--w63ba-text-light);font-size:1.4rem;font-weight:600}
.w63ba-slide-dots{position:absolute;bottom:.6rem;right:1rem;display:flex;gap:.4rem}
.w63ba-slide-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,248,220,.4);cursor:pointer}
.w63ba-dot-active{background:var(--w63ba-accent-2)}
.w63ba-section-title{display:flex;align-items:center;gap:.8rem;font-size:1.8rem;font-weight:700;color:var(--w63ba-text-light);margin:1.8rem 0 1rem;padding-bottom:.6rem;border-bottom:2px solid var(--w63ba-accent-2)}
.w63ba-section-title i{color:var(--w63ba-accent-2)}
.w63ba-h1{font-size:2rem;font-weight:700;color:var(--w63ba-text-light);margin:1.2rem 0;line-height:1.35}
.w63ba-h1 span{color:var(--w63ba-accent-2)}
.w63ba-game-group{margin-bottom:2rem}
.w63ba-cat-bar{display:flex;gap:.6rem;overflow-x:auto;margin-bottom:1rem;padding-bottom:.4rem}
.w63ba-cat-tab{flex:0 0 auto;padding:.6rem 1.2rem;border-radius:999px;background:var(--w63ba-card-bg);color:var(--w63ba-text);font-size:1.3rem;cursor:pointer;white-space:nowrap;border:1px solid var(--w63ba-border)}
.w63ba-cat-active{background:var(--w63ba-accent-2);color:var(--w63ba-primary);font-weight:700}
.w63ba-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
.w63ba-card{background:var(--w63ba-card-bg);border-radius:var(--w63ba-radius);overflow:hidden;cursor:pointer;transition:transform .18s,box-shadow .18s;border:1px solid var(--w63ba-border)}
.w63ba-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(240,192,64,.25)}
.w63ba-card img{width:100%;height:90px;object-fit:cover}
.w63ba-card-name{padding:.6rem;font-size:1.2rem;color:var(--w63ba-text);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w63ba-info-block{background:var(--w63ba-card-bg);border-radius:var(--w63ba-radius);padding:1.4rem;margin-bottom:1.2rem;border-left:4px solid var(--w63ba-accent-2)}
.w63ba-info-block h2{color:var(--w63ba-text-light);font-size:1.7rem;margin-bottom:.6rem;line-height:1.35}
.w63ba-info-block p{color:var(--w63ba-text);font-size:1.4rem;margin-bottom:.6rem;line-height:1.5}
.w63ba-info-block a{font-weight:700;color:var(--w63ba-accent-2)}
.w63ba-cta{background:linear-gradient(135deg,#273746,#f0c040);border-radius:var(--w63ba-radius);padding:1.6rem;text-align:center;margin:1.5rem 0;color:var(--w63ba-text-light)}
.w63ba-cta h3{font-size:1.8rem;margin-bottom:.6rem;line-height:1.35}
.w63ba-cta p{font-size:1.4rem;margin-bottom:1rem;line-height:1.5}
.w63ba-feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-bottom:1.2rem}
.w63ba-feature{background:var(--w63ba-card-bg);padding:1rem;border-radius:10px;text-align:center}
.w63ba-feature i{font-size:2.2rem;color:var(--w63ba-accent-2);margin-bottom:.4rem}
.w63ba-feature h4{font-size:1.4rem;color:var(--w63ba-text-light);margin-bottom:.3rem}
.w63ba-feature p{font-size:1.2rem;color:var(--w63ba-text)}
.w63ba-testimonial{background:var(--w63ba-card-bg);border-radius:10px;padding:1.2rem;margin-bottom:.8rem;border-left:3px solid var(--w63ba-green)}
.w63ba-testimonial p{font-size:1.3rem;font-style:italic;line-height:1.5}
.w63ba-testimonial strong{color:var(--w63ba-accent-2)}
.w63ba-winner{display:flex;align-items:center;justify-content:space-between;background:var(--w63ba-card-bg);padding:.8rem 1rem;border-radius:8px;margin-bottom:.5rem;gap:.5rem}
.w63ba-winner-name{font-weight:700;color:var(--w63ba-text-light);font-size:1.3rem}
.w63ba-winner-amount{color:var(--w63ba-green);font-weight:700;font-size:1.4rem}
.w63ba-payment-row{display:flex;flex-wrap:wrap;gap:.6rem}
.w63ba-payment{flex:1 1 calc(33.333% - .6rem);background:var(--w63ba-card-bg);border-radius:8px;padding:.8rem;text-align:center;font-size:1.2rem;color:var(--w63ba-text)}
.w63ba-payment i{font-size:1.8rem;color:var(--w63ba-accent-2);display:block}
.w63ba-back-top{position:fixed;right:1.2rem;bottom:8rem;width:44px;height:44px;border-radius:50%;background:var(--w63ba-accent-2);color:var(--w63ba-primary);border:none;font-size:1.8rem;cursor:pointer;opacity:0;visibility:hidden;z-index:900;transition:opacity .25s,transform .25s}
.w63ba-back-show{opacity:1;visibility:visible}
.w63ba-back-top:hover{transform:scale(1.1)}
.w63ba-footer{background:var(--w63ba-primary);color:var(--w63ba-text);padding:2rem 1.2rem 1rem;margin-top:2rem;border-top:1px solid var(--w63ba-border)}
.w63ba-footer-brand{color:var(--w63ba-text-light);font-size:1.4rem;margin-bottom:1rem;line-height:1.5}
.w63ba-footer-links,.w63ba-footer-promo{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}
.w63ba-footer-links a{flex:1 1 calc(50% - .6rem);font-size:1.3rem;padding:.5rem 0;color:var(--w63ba-text)}
.w63ba-footer-links a:hover{color:var(--w63ba-accent-2)}
.w63ba-footer-promo a{flex:1 1 calc(50% - .6rem);text-align:center;padding:.7rem;border-radius:8px;background:var(--w63ba-accent-2);color:var(--w63ba-primary);font-weight:700;font-size:1.3rem}
.w63ba-copyright{text-align:center;font-size:1.2rem;color:rgba(233,236,239,.6);padding-top:1rem;border-top:1px solid var(--w63ba-border);line-height:1.5}
.w63ba-bottom-nav{position:fixed;bottom:0;left:0;right:0;max-width:430px;margin:0 auto;background:var(--w63ba-primary);display:flex;justify-content:space-around;align-items:stretch;height:62px;z-index:1000;border-top:1px solid var(--w63ba-border);box-shadow:0 -2px 12px rgba(0,0,0,.35)}
.w63ba-bottom-nav button,.w63ba-bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;color:var(--w63ba-text);font-size:1.1rem;gap:.2rem;cursor:pointer;min-width:60px;min-height:60px;text-decoration:none;transition:color .18s,transform .18s}
.w63ba-bottom-nav .material-icons,.w63ba-bottom-nav .fas,.w63ba-bottom-nav .far,.w63ba-bottom-nav .bi,.w63ba-bottom-nav ion-icon{font-size:24px}
.w63ba-bottom-nav button:active,.w63ba-bottom-nav a:active,.w63ba-bottom-nav .w63ba-touching{transform:scale(.92);color:var(--w63ba-accent-2)}
.w63ba-bottom-nav .w63ba-nav-active{color:var(--w63ba-accent-2)}
.w63ba-bottom-nav .w63ba-nav-badge{position:absolute;top:6px;right:18%;background:var(--w63ba-red);color:#fff;font-size:.9rem;min-width:16px;height:16px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 4px}
.w63ba-nav-item{position:relative}
.w63ba-text-center{text-align:center}
.w63ba-mt-1{margin-top:1rem}
.w63ba-mb-1{margin-bottom:1rem}
.w63ba-hide-desktop{display:block}
@media (min-width:769px){
  .w63ba-bottom-nav{display:none}
  main{padding-bottom:2rem}
  .w63ba-hide-desktop{display:none}
}
@media (max-width:768px){
  main{padding-bottom:80px}
  .w63ba-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:360px){
  .w63ba-grid{grid-template-columns:repeat(2,1fr)}
  .w63ba-feature-list{grid-template-columns:1fr}
  .w63ba-btn{padding:.6rem .9rem;font-size:1.2rem}
}