:root {
  font-size: 62.5%;
  --wa924-primary: #708090;
  --wa924-bg: #2C2C2C;
  --wa924-accent: #D2B48C;
  --wa924-text: #F8F8FF;
  --wa924-muted: #C7D0D9;
  --wa924-steel: #778899;
  --wa924-panel: #353535;
  --wa924-panel-2: #414447;
  --wa924-line: rgba(248, 248, 255, .14);
  --wa924-shadow: 0 1.2rem 3rem rgba(0, 0, 0, .38);
  --wa924-radius: 1.8rem;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: radial-gradient(circle at 15% 0%, rgba(210,180,140,.18), transparent 30%), linear-gradient(180deg, #252525 0%, var(--wa924-bg) 45%, #1f2224 100%);
  color: var(--wa924-text);
  font-family: "Noto Sans Bengali", "Hind Siliguri", Arial, sans-serif;
  line-height: 1.5rem;
  overflow-x: hidden;
}
body.wa924-lock { overflow: hidden; }
a { color: var(--wa924-accent); text-decoration: none; }
a:hover { color: #fff2d8; }
button, a { -webkit-tap-highlight-color: transparent; }
img { max-width: 100%; display: block; }
.wa924-page { max-width: 43rem; min-height: 100vh; margin: 0 auto; background: rgba(44,44,44,.92); box-shadow: 0 0 0 1px rgba(210,180,140,.07); }
.wa924-header { position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: min(43rem, 100%); z-index: 1000; background: rgba(44,44,44,.94); backdrop-filter: blur(1.4rem); border-bottom: .1rem solid var(--wa924-line); }
.wa924-topbar { min-height: 6.4rem; padding: .8rem 1.2rem; display: flex; align-items: center; gap: .8rem; }
.wa924-brand { display: flex; align-items: center; gap: .8rem; min-width: 0; color: var(--wa924-text); }
.wa924-logo { width: 3.2rem; height: 3.2rem; border-radius: .9rem; box-shadow: 0 .4rem 1.2rem rgba(210,180,140,.25); }
.wa924-brand-text { display: flex; flex-direction: column; line-height: 1.15; }
.wa924-brand-name { font-size: 1.8rem; font-weight: 900; letter-spacing: .03em; color: var(--wa924-accent); }
.wa924-brand-sub { font-size: 1.05rem; color: var(--wa924-muted); white-space: nowrap; }
.wa924-header-actions { margin-left: auto; display: flex; align-items: center; gap: .6rem; }
.wa924-btn { border: 0; cursor: pointer; min-height: 4.4rem; padding: 0 1.35rem; border-radius: 999rem; font-weight: 800; font-size: 1.25rem; color: #201b13; background: linear-gradient(135deg, var(--wa924-accent), #fff0c7); box-shadow: 0 .7rem 1.8rem rgba(210,180,140,.22); transition: transform .18s ease, filter .18s ease, background .18s ease; }
.wa924-btn:hover, .wa924-btn:focus { transform: translateY(-.1rem); filter: brightness(1.08); outline: none; }
.wa924-btn:active { transform: scale(.96); }
.wa924-btn-ghost { color: var(--wa924-text); background: rgba(112,128,144,.28); border: .1rem solid rgba(248,248,255,.16); box-shadow: none; }
.wa924-btn-wide { width: 100%; display: inline-flex; justify-content: center; align-items: center; gap: .6rem; }
.wa924-menu-toggle { width: 4.4rem; min-width: 4.4rem; padding: 0; display: inline-flex; align-items: center; justify-content: center; border-radius: 1.3rem; }
.wa924-menu { position: fixed; inset: 0; z-index: 9999; width: min(43rem, 100%); margin: 0 auto; left: 50%; transform: translateX(-50%) translateY(-110%); padding: 7.4rem 1.4rem 2rem; background: linear-gradient(180deg, rgba(44,44,44,.98), rgba(34,36,38,.98)); transition: transform .25s ease; overflow-y: auto; }
.wa924-menu.wa924-menu-open { transform: translateX(-50%) translateY(0); }
.wa924-menu-panel { border: .1rem solid rgba(210,180,140,.18); background: rgba(65,68,71,.72); border-radius: 2.2rem; padding: 1.2rem; box-shadow: var(--wa924-shadow); }
.wa924-menu-title { font-size: 1.35rem; color: var(--wa924-muted); margin: .5rem 0 1rem; }
.wa924-nav { display: grid; gap: .8rem; }
.wa924-nav-link { min-height: 4.8rem; display: flex; align-items: center; gap: .9rem; padding: 0 1.2rem; border-radius: 1.4rem; background: rgba(44,44,44,.65); color: var(--wa924-text); border: .1rem solid rgba(248,248,255,.09); font-size: 1.35rem; font-weight: 700; }
.wa924-nav-link i, .wa924-nav-link ion-icon, .wa924-nav-link .material-icons { font-size: 2.2rem; color: var(--wa924-accent); }
.wa924-nav-link.wa924-active { background: linear-gradient(135deg, rgba(210,180,140,.27), rgba(112,128,144,.3)); border-color: rgba(210,180,140,.55); }
.wa924-main { padding-top: 7rem; }
.wa924-container { width: 100%; padding: 0 1.2rem; }
.wa924-wrapper { border-radius: var(--wa924-radius); border: .1rem solid var(--wa924-line); background: rgba(53,53,53,.72); box-shadow: var(--wa924-shadow); }
.wa924-section { margin: 1.4rem 0; padding: 1.4rem; border-radius: var(--wa924-radius); background: linear-gradient(180deg, rgba(65,68,71,.78), rgba(45,45,45,.9)); border: .1rem solid rgba(210,180,140,.13); }
.wa924-section-alt { background: linear-gradient(145deg, rgba(112,128,144,.2), rgba(44,44,44,.9)); }
.wa924-kicker { display: inline-flex; align-items: center; gap: .5rem; padding: .45rem .9rem; border-radius: 999rem; background: rgba(210,180,140,.16); color: #ffe5b6; font-size: 1.15rem; font-weight: 800; border: .1rem solid rgba(210,180,140,.22); }
.wa924-title { font-size: 2.35rem; line-height: 1.18; margin: 1rem 0 .8rem; letter-spacing: -.02em; color: var(--wa924-text); }
.wa924-subtitle { font-size: 1.65rem; line-height: 1.25; margin: 0 0 1rem; color: #fff5df; }
.wa924-text { color: var(--wa924-muted); font-size: 1.35rem; line-height: 1.62; margin: .7rem 0; }
.wa924-strong-link { color: var(--wa924-accent); font-weight: 900; border-bottom: .1rem dashed rgba(210,180,140,.65); cursor: pointer; }
.wa924-hero { padding: 1.2rem; margin-top: .8rem; position: relative; overflow: hidden; }
.wa924-hero:before { content: ""; position: absolute; inset: -6rem -4rem auto auto; width: 18rem; height: 18rem; border-radius: 50%; background: rgba(210,180,140,.15); pointer-events: none; }
.wa924-hero-grid { display: grid; gap: 1.2rem; position: relative; }
.wa924-hero-actions { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin-top: 1rem; }
.wa924-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: .7rem; margin-top: 1rem; }
.wa924-stat { min-height: 5.8rem; border-radius: 1.4rem; background: rgba(44,44,44,.58); border: .1rem solid rgba(248,248,255,.1); display: flex; flex-direction: column; justify-content: center; align-items: center; }
.wa924-stat-num { color: var(--wa924-accent); font-size: 1.65rem; font-weight: 900; }
.wa924-stat-label { font-size: 1.05rem; color: var(--wa924-muted); text-align: center; }
.wa924-slider { position: relative; border-radius: 1.8rem; overflow: hidden; min-height: 15.5rem; background: #222; border: .1rem solid rgba(210,180,140,.18); }
.wa924-slide { display: none; position: relative; cursor: pointer; }
.wa924-slide.wa924-slide-active { display: block; animation: wa924fade .45s ease; }
.wa924-slide img { width: 100%; height: 16.8rem; object-fit: cover; }
.wa924-slide-caption { position: absolute; left: 1rem; right: 1rem; bottom: 1rem; padding: .8rem 1rem; border-radius: 1.4rem; background: rgba(0,0,0,.55); backdrop-filter: blur(.8rem); }
.wa924-slide-caption b { display: block; color: #fff4d8; font-size: 1.45rem; }
.wa924-slide-caption span { color: var(--wa924-muted); font-size: 1.1rem; }
.wa924-dots { display: flex; gap: .45rem; justify-content: center; margin-top: .8rem; }
.wa924-dot { width: .8rem; height: .8rem; border-radius: 999rem; border: 0; background: rgba(248,248,255,.3); padding: 0; }
.wa924-dot.wa924-dot-active { width: 2rem; background: var(--wa924-accent); }
.wa924-grid { display: grid; gap: 1rem; }
.wa924-card { padding: 1.2rem; border-radius: 1.6rem; background: rgba(44,44,44,.62); border: .1rem solid rgba(248,248,255,.1); }
.wa924-card-top { display: flex; align-items: center; gap: .9rem; }
.wa924-icon-pill { width: 4.4rem; height: 4.4rem; border-radius: 1.3rem; display: flex; align-items: center; justify-content: center; color: #2b2418; background: linear-gradient(135deg, var(--wa924-accent), #f6e2be); font-size: 2.2rem; flex: 0 0 auto; }
.wa924-game-section { margin: 1.5rem 0; }
.wa924-game-heading { display: flex; justify-content: space-between; align-items: center; gap: .8rem; margin-bottom: .9rem; }
.wa924-game-heading h2 { font-size: 1.75rem; margin: 0; color: #fff5df; }
.wa924-badge { display: inline-flex; min-height: 2.4rem; align-items: center; padding: .2rem .8rem; border-radius: 999rem; background: rgba(112,128,144,.32); color: var(--wa924-muted); font-weight: 800; font-size: 1.05rem; }
.wa924-game-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .85rem; }
.wa924-game { min-width: 0; text-align: center; padding: .6rem .35rem; border-radius: 1.2rem; background: rgba(53,53,53,.8); border: .1rem solid rgba(248,248,255,.08); cursor: pointer; transition: transform .18s ease, border .18s ease; }
.wa924-game:hover { transform: translateY(-.2rem); border-color: rgba(210,180,140,.55); }
.wa924-game img { width: 5.8rem; height: 5.8rem; object-fit: cover; border-radius: 1.2rem; margin: 0 auto .45rem; box-shadow: 0 .55rem 1.2rem rgba(0,0,0,.25); }
.wa924-game span { display: block; color: var(--wa924-text); font-size: 1.05rem; line-height: 1.22; min-height: 2.6rem; overflow-wrap: anywhere; }
.wa924-link-row { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1rem; }
.wa924-mini-link { color: #ffe1aa; font-size: 1.2rem; font-weight: 800; }
.wa924-steps { counter-reset: wa924step; display: grid; gap: .9rem; }
.wa924-step { position: relative; padding: 1.1rem 1.1rem 1.1rem 4.7rem; border-radius: 1.5rem; background: rgba(44,44,44,.56); border: .1rem solid rgba(248,248,255,.1); }
.wa924-step:before { counter-increment: wa924step; content: counter(wa924step); position: absolute; left: 1rem; top: 1rem; width: 2.8rem; height: 2.8rem; border-radius: 50%; display: grid; place-items: center; background: var(--wa924-accent); color: #2c2418; font-weight: 900; }
.wa924-step h3 { margin: 0 0 .45rem; font-size: 1.45rem; color: #fff5df; }
.wa924-table { width: 100%; border-collapse: collapse; overflow: hidden; border-radius: 1.4rem; font-size: 1.18rem; }
.wa924-table th, .wa924-table td { padding: .9rem .7rem; border-bottom: .1rem solid rgba(248,248,255,.1); text-align: left; }
.wa924-table th { background: rgba(112,128,144,.25); color: #fff0c9; }
.wa924-table td { color: var(--wa924-muted); }
.wa924-review { display: grid; gap: .8rem; }
.wa924-quote { padding: 1.1rem; border-left: .35rem solid var(--wa924-accent); background: rgba(44,44,44,.6); border-radius: 1.2rem; color: var(--wa924-muted); font-size: 1.25rem; }
.wa924-payments { display: grid; grid-template-columns: repeat(4, 1fr); gap: .8rem; }
.wa924-pay { min-height: 4.4rem; border-radius: 1.2rem; display: flex; align-items: center; justify-content: center; background: rgba(248,248,255,.08); border: .1rem solid rgba(248,248,255,.1); font-weight: 900; color: #fff3d7; }
.wa924-footer { padding: 2rem 1.2rem 8.8rem; background: #242628; border-top: .1rem solid rgba(210,180,140,.18); }
.wa924-footer-logo { display: flex; align-items: center; gap: .8rem; margin-bottom: 1rem; }
.wa924-footer-logo img { width: 3.4rem; height: 3.4rem; border-radius: 1rem; }
.wa924-footer-title { color: var(--wa924-accent); font-size: 1.8rem; font-weight: 900; }
.wa924-footer-buttons { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin: 1.2rem 0; }
.wa924-footer-links { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; margin: 1.2rem 0; }
.wa924-footer-links a { min-height: 3.8rem; display: flex; align-items: center; color: var(--wa924-muted); border-bottom: .1rem solid rgba(248,248,255,.07); font-size: 1.2rem; }
.wa924-partners { display: flex; flex-wrap: wrap; gap: .7rem; margin: 1rem 0; }
.wa924-partner { padding: .55rem .8rem; border-radius: .9rem; background: rgba(112,128,144,.22); color: #e8eef6; font-weight: 800; font-size: 1.05rem; }
.wa924-copy { font-size: 1.1rem; color: rgba(248,248,255,.62); margin-top: 1rem; }
.wa924-bottom-nav { position: fixed; left: 50%; bottom: 0; transform: translateX(-50%); width: min(43rem, 100%); height: 6.2rem; z-index: 1000; display: flex; justify-content: space-around; align-items: center; background: #708090; border-top: .1rem solid rgba(255,255,255,.18); box-shadow: 0 -1rem 2.5rem rgba(0,0,0,.34); }
.wa924-bottom-item { min-width: 6rem; min-height: 6rem; border: 0; background: transparent; color: #f8f8ff; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .25rem; font-size: 1.05rem; font-weight: 800; cursor: pointer; transition: transform .18s ease, color .18s ease; position: relative; }
.wa924-bottom-item i, .wa924-bottom-item ion-icon, .wa924-bottom-item .material-icons, .wa924-bottom-item svg { font-size: 2.4rem; width: 2.4rem; height: 2.4rem; }
.wa924-bottom-item:hover, .wa924-bottom-item.wa924-active { color: #2C2C2C; transform: translateY(-.25rem); }
.wa924-bottom-item.wa924-active:before { content: ""; position: absolute; top: .35rem; width: 3rem; height: .28rem; border-radius: 999rem; background: #D2B48C; }
.wa924-bottom-badge { position: absolute; top: .4rem; right: 1.3rem; min-width: 1.7rem; height: 1.7rem; border-radius: 999rem; background: #D2B48C; color: #2C2C2C; font-size: .9rem; display: grid; place-items: center; }
.wa924-faq { display: grid; gap: .8rem; }
.wa924-faq-item { padding: 1rem; border-radius: 1.4rem; background: rgba(44,44,44,.57); border: .1rem solid rgba(248,248,255,.1); }
.wa924-faq-item h3 { margin: 0 0 .45rem; font-size: 1.38rem; color: #fff2d6; }
.wa924-faq-item p { margin: 0; color: var(--wa924-muted); font-size: 1.25rem; line-height: 1.55; }
.wa924-callout { padding: 1.2rem; border-radius: 1.6rem; background: linear-gradient(135deg, rgba(210,180,140,.23), rgba(112,128,144,.18)); border: .1rem solid rgba(210,180,140,.22); }
.wa924-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.wa924-check { display: flex; gap: .7rem; align-items: flex-start; color: var(--wa924-muted); font-size: 1.23rem; line-height: 1.48; }
.wa924-check i, .wa924-check ion-icon { color: var(--wa924-accent); margin-top: .1rem; }
.wa924-divider { height: .1rem; background: rgba(248,248,255,.1); margin: 1.1rem 0; }
@keyframes wa924fade { from { opacity: .35; transform: scale(1.02); } to { opacity: 1; transform: scale(1); } }
@media (min-width: 769px) {
  .wa924-bottom-nav { display: none; }
  .wa924-footer { padding-bottom: 2rem; }
  .wa924-menu { max-height: 100vh; }
}
@media (max-width: 768px) {
  main { padding-bottom: 8rem; }
  .wa924-main { padding-bottom: 8rem; }
}
@media (max-width: 360px) {
  .wa924-topbar { padding: .7rem .8rem; gap: .5rem; }
  .wa924-btn { padding: 0 .95rem; font-size: 1.15rem; }
  .wa924-brand-sub { display: none; }
  .wa924-game-grid { gap: .65rem; }
  .wa924-game img { width: 5.2rem; height: 5.2rem; }
}