/* Mobile-first design system for 7555 bdt */
:root {
  font-size: 62.5%;
  --v436-primary: #E91E63;
  --v436-primary-soft: #FF91A4;
  --v436-bg: #2C2C2C;
  --v436-panel: #383238;
  --v436-panel-2: #211f25;
  --v436-text: #DEE2E6;
  --v436-muted: #b8c0c7;
  --v436-cyan: #48D1CC;
  --v436-mint: #BAFFC9;
  --v436-gold: #ffd166;
  --v436-line: rgba(222,226,230,.16);
  --v436-shadow: 0 1.6rem 3.2rem rgba(0,0,0,.34);
  --v436-radius: 1.8rem;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 32rem;
  background: radial-gradient(circle at 10% 0%, rgba(233,30,99,.32), transparent 28%), radial-gradient(circle at 92% 18%, rgba(72,209,204,.22), transparent 30%), var(--v436-bg);
  color: var(--v436-text);
  font-family: 'Noto Sans Bengali', 'Hind Siliguri', system-ui, sans-serif;
  line-height: 1.5rem;
  overflow-x: hidden;
}
body.v436-lock { overflow: hidden; }
a { color: var(--v436-cyan); text-decoration: none; }
a:hover { color: var(--v436-mint); }
img { max-width: 100%; display: block; }
main { padding-top: 7.4rem; }
.v436-page-shell { width: 100%; max-width: 43rem; margin: 0 auto; background: rgba(33,31,37,.72); min-height: 100vh; box-shadow: 0 0 6rem rgba(0,0,0,.32); }
.v436-container { width: min(100% - 2.4rem, 40.6rem); margin: 0 auto; }
.v436-wrapper { padding: 1.8rem 0; }
.v436-header { position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 43rem; z-index: 1000; background: rgba(44,44,44,.94); backdrop-filter: blur(1.4rem); border-bottom: .1rem solid var(--v436-line); }
.v436-topbar { min-height: 6.6rem; display: flex; align-items: center; gap: .8rem; padding: .8rem 1rem; }
.v436-brand { display: flex; align-items: center; gap: .8rem; min-width: 0; color: var(--v436-text); font-weight: 900; }
.v436-logo { width: 3.2rem; height: 3.2rem; border-radius: .9rem; box-shadow: 0 0 0 .2rem rgba(255,145,164,.22); }
.v436-brand-text { font-size: 1.7rem; letter-spacing: -.03rem; white-space: nowrap; }
.v436-header-actions { margin-left: auto; display: flex; gap: .55rem; align-items: center; }
.v436-btn { border: 0; border-radius: 999px; min-height: 4.4rem; padding: 0 1.25rem; display: inline-flex; align-items: center; justify-content: center; gap: .55rem; font-weight: 900; font-size: 1.25rem; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, color .18s ease; }
.v436-btn:active { transform: scale(.94); }
.v436-btn-primary { color: #fff; background: linear-gradient(135deg, var(--v436-primary), #ff5f8a); box-shadow: 0 .8rem 2rem rgba(233,30,99,.34); }
.v436-btn-ghost { color: var(--v436-mint); background: rgba(186,255,201,.1); border: .1rem solid rgba(186,255,201,.3); }
.v436-menu-toggle { width: 4.4rem; min-width: 4.4rem; padding: 0; background: rgba(72,209,204,.15); color: var(--v436-cyan); border: .1rem solid rgba(72,209,204,.28); }
.v436-desktop-nav { display: none; }
.v436-menu-overlay { position: fixed; inset: 0; z-index: 9998; background: rgba(0,0,0,.55); opacity: 0; pointer-events: none; transition: opacity .2s ease; }
.v436-overlay-open { opacity: 1; pointer-events: auto; }
.v436-mobile-menu { position: fixed; top: 0; right: 0; width: min(88vw, 34rem); height: 100vh; z-index: 9999; background: linear-gradient(180deg, #31252d, #19171d); transform: translateX(105%); transition: transform .24s ease; padding: 2rem 1.4rem; box-shadow: -1rem 0 3rem rgba(0,0,0,.35); overflow-y: auto; }
.v436-menu-open { transform: translateX(0); }
.v436-menu-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.4rem; }
.v436-menu-title { font-size: 1.9rem; font-weight: 900; color: var(--v436-primary-soft); }
.v436-menu-close { width: 4.4rem; height: 4.4rem; border: 0; border-radius: 50%; color: var(--v436-text); background: rgba(255,255,255,.1); }
.v436-menu-list { display: grid; gap: .8rem; }
.v436-menu-link { min-height: 4.8rem; border-radius: 1.4rem; padding: 0 1.2rem; display: flex; align-items: center; gap: 1rem; color: var(--v436-text); background: rgba(255,255,255,.06); border: .1rem solid var(--v436-line); font-weight: 800; }
.v436-menu-link.v436-active { color: var(--v436-mint); border-color: rgba(186,255,201,.5); }
.v436-hero { padding: 1.4rem 0 2rem; }
.v436-carousel { position: relative; border-radius: 2.4rem; overflow: hidden; min-height: 17.2rem; border: .1rem solid rgba(255,145,164,.24); box-shadow: var(--v436-shadow); }
.v436-slide { display: none; position: relative; min-height: 17.2rem; cursor: pointer; background: #111; }
.v436-slide-active { display: block; animation: v436Fade .5s ease; }
.v436-slide img { width: 100%; height: 17.2rem; object-fit: cover; opacity: .76; }
.v436-slide-copy { position: absolute; inset: auto 1.3rem 1.2rem 1.3rem; padding: 1rem; border-radius: 1.5rem; background: rgba(0,0,0,.56); backdrop-filter: blur(.8rem); }
.v436-slide-kicker { color: var(--v436-mint); font-size: 1.1rem; font-weight: 900; text-transform: uppercase; }
.v436-slide-title { margin: .25rem 0 0; font-size: 1.8rem; line-height: 2.2rem; color: #fff; }
.v436-dots { position: absolute; top: 1rem; right: 1rem; display: flex; gap: .45rem; }
.v436-dot { width: .8rem; height: .8rem; border: 0; border-radius: 999px; background: rgba(255,255,255,.45); }
.v436-dot-active { width: 1.9rem; background: var(--v436-primary-soft); }
.v436-hero-panel { margin-top: 1.2rem; padding: 1.5rem; border-radius: 2rem; background: linear-gradient(135deg, rgba(233,30,99,.18), rgba(72,209,204,.11)); border: .1rem solid var(--v436-line); }
.v436-eyebrow { color: var(--v436-cyan); font-size: 1.15rem; font-weight: 900; letter-spacing: .08rem; text-transform: uppercase; }
.v436-title { margin: .6rem 0 1rem; font-size: 2.7rem; line-height: 3.2rem; letter-spacing: -.08rem; color: #fff; }
.v436-lead { font-size: 1.45rem; line-height: 2.25rem; color: var(--v436-muted); margin: 0 0 1rem; }
.v436-promo-row { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.2rem; }
.v436-promo-action { color: #111; background: var(--v436-mint); border-radius: 999px; padding: 1rem 1.25rem; min-height: 4.4rem; display: inline-flex; align-items: center; gap: .6rem; font-weight: 1000; border: 0; cursor: pointer; }
.v436-promo-text { color: var(--v436-primary-soft); font-weight: 900; text-decoration: underline; text-underline-offset: .3rem; cursor: pointer; }
.v436-section { padding: 1.6rem 0; }
.v436-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-bottom: 1.2rem; }
.v436-section-title { margin: 0; font-size: 2.1rem; line-height: 2.55rem; color: #fff; }
.v436-section-note { margin: .5rem 0 0; color: var(--v436-muted); font-size: 1.28rem; line-height: 1.9rem; }
.v436-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .85rem; }
.v436-game-link { min-height: 8.8rem; padding: .75rem .45rem; border-radius: 1.35rem; background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035)); border: .1rem solid var(--v436-line); display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: .55rem; color: var(--v436-text); text-align: center; cursor: pointer; transition: transform .18s ease, border-color .18s ease; }
.v436-game-link:active { transform: scale(.95); }
.v436-game-link:hover { border-color: rgba(72,209,204,.45); color: var(--v436-mint); }
.v436-game-img { width: 5.2rem; height: 5.2rem; object-fit: cover; border-radius: 1.2rem; background: #111; }
.v436-game-name { font-size: 1.05rem; line-height: 1.3rem; font-weight: 800; }
.v436-category-card { margin-bottom: 1.5rem; padding: 1rem; border-radius: 2rem; background: rgba(255,255,255,.045); border: .1rem solid var(--v436-line); }
.v436-category-title { display: flex; align-items: center; gap: .8rem; margin: 0 0 1rem; font-size: 1.75rem; color: var(--v436-primary-soft); }
.v436-card { padding: 1.4rem; border-radius: var(--v436-radius); background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035)); border: .1rem solid var(--v436-line); box-shadow: 0 .8rem 2rem rgba(0,0,0,.18); }
.v436-card h3 { margin: 0 0 .7rem; font-size: 1.65rem; color: #fff; line-height: 2.1rem; }
.v436-card p, .v436-card li { color: var(--v436-muted); font-size: 1.32rem; line-height: 2.05rem; }
.v436-card p { margin: 0 0 .9rem; }
.v436-card ul, .v436-card ol { margin: .7rem 0 0; padding-left: 1.8rem; }
.v436-two-grid { display: grid; gap: 1rem; }
.v436-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: .9rem; }
.v436-stat { padding: 1.1rem; border-radius: 1.5rem; background: rgba(72,209,204,.1); border: .1rem solid rgba(72,209,204,.2); }
.v436-stat strong { display: block; color: var(--v436-mint); font-size: 2rem; line-height: 2.4rem; }
.v436-stat span { color: var(--v436-muted); font-size: 1.15rem; }
.v436-payment-strip { display: flex; gap: .7rem; overflow-x: auto; padding-bottom: .4rem; scrollbar-width: none; }
.v436-payment-chip { flex: 0 0 auto; min-height: 4.4rem; padding: 0 1.2rem; border-radius: 999px; display: inline-flex; align-items: center; gap: .6rem; background: rgba(186,255,201,.1); border: .1rem solid rgba(186,255,201,.28); color: var(--v436-mint); font-weight: 900; }
.v436-winner { display: grid; grid-template-columns: 4.4rem 1fr auto; gap: .8rem; align-items: center; padding: .9rem 0; border-bottom: .1rem solid var(--v436-line); }
.v436-winner:last-child { border-bottom: 0; }
.v436-avatar { width: 4.4rem; height: 4.4rem; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(135deg, var(--v436-primary), var(--v436-cyan)); color: #fff; font-weight: 900; }
.v436-amount { color: var(--v436-gold); font-weight: 900; }
.v436-review { display: grid; gap: .8rem; }
.v436-stars { color: var(--v436-gold); letter-spacing: .15rem; }
.v436-faq-item { border-bottom: .1rem solid var(--v436-line); }
.v436-faq-question { width: 100%; min-height: 4.8rem; border: 0; background: transparent; color: #fff; display: flex; align-items: center; justify-content: space-between; gap: 1rem; text-align: left; font-weight: 900; font-size: 1.45rem; padding: 1rem 0; }
.v436-faq-answer { display: none; color: var(--v436-muted); font-size: 1.32rem; line-height: 2.05rem; padding-bottom: 1rem; }
.v436-faq-open .v436-faq-answer { display: block; }
.v436-seo-link { color: var(--v436-cyan); font-weight: 900; border-bottom: .1rem dashed var(--v436-cyan); }
.v436-footer { padding: 2.4rem 0 8.6rem; background: #1b191f; border-top: .1rem solid var(--v436-line); }
.v436-footer-logo { display: flex; align-items: center; gap: .9rem; margin-bottom: 1rem; }
.v436-footer-logo img { width: 3.6rem; height: 3.6rem; border-radius: 1rem; }
.v436-footer-title { color: #fff; font-weight: 1000; font-size: 1.9rem; }
.v436-footer-text { color: var(--v436-muted); font-size: 1.25rem; line-height: 1.95rem; }
.v436-footer-actions { display: grid; grid-template-columns: repeat(2, 1fr); gap: .8rem; margin: 1.2rem 0; }
.v436-footer-btn { min-height: 4.4rem; border-radius: 1.3rem; display: flex; align-items: center; justify-content: center; gap: .55rem; color: #fff; background: rgba(233,30,99,.18); border: .1rem solid rgba(233,30,99,.34); font-weight: 900; cursor: pointer; }
.v436-footer-links { display: grid; grid-template-columns: repeat(2, 1fr); gap: .7rem; margin-top: 1.1rem; }
.v436-footer-links a { color: var(--v436-muted); font-size: 1.2rem; }
.v436-partners { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1rem; }
.v436-partner { padding: .55rem .8rem; border-radius: .9rem; background: rgba(255,255,255,.07); color: var(--v436-text); font-size: 1.1rem; font-weight: 800; }
.v436-copy { margin-top: 1.1rem; color: #8e98a3; font-size: 1.1rem; }
.v436-bottom-nav { position: fixed; left: 50%; transform: translateX(-50%); bottom: 0; width: 100%; max-width: 43rem; height: 6.2rem; z-index: 1000; display: flex; justify-content: space-around; align-items: stretch; background: #241f26; border-top: .1rem solid rgba(255,145,164,.28); box-shadow: 0 -1rem 2.4rem rgba(0,0,0,.32); }
.v436-bottom-link { min-width: 6rem; min-height: 6rem; flex: 1; border: 0; background: transparent; color: var(--v436-muted); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .25rem; font-size: 1.05rem; font-weight: 900; cursor: pointer; transition: transform .18s ease, color .18s ease, background .18s ease; }
.v436-bottom-link i, .v436-bottom-link .material-icons, .v436-bottom-link ion-icon { font-size: 2.35rem; line-height: 2.35rem; }
.v436-bottom-link:active { transform: scale(.91); }
.v436-bottom-link.v436-active { color: var(--v436-mint); background: linear-gradient(180deg, rgba(233,30,99,.22), rgba(72,209,204,.12)); }
.v436-badge { position: absolute; margin-left: 2rem; margin-top: -3.6rem; min-width: 1.7rem; height: 1.7rem; border-radius: 999px; background: var(--v436-primary); color: #fff; font-size: .95rem; display: grid; place-items: center; }
.v436-reveal { opacity: 0; transform: translateY(1.4rem); transition: opacity .45s ease, transform .45s ease; }
.v436-visible { opacity: 1; transform: translateY(0); }
@keyframes v436Fade { from { opacity: .55; transform: scale(1.02); } to { opacity: 1; transform: scale(1); } }
@media (max-width: 768px) { main { padding-bottom: 8rem; } }
@media (min-width: 520px) { .v436-page-shell, .v436-header, .v436-bottom-nav { border-left: .1rem solid var(--v436-line); border-right: .1rem solid var(--v436-line); } }
@media (min-width: 769px) {
  body { background: #161419; }
  .v436-page-shell, .v436-header { max-width: 118rem; }
  .v436-container { max-width: 110rem; }
  main { padding-top: 8.4rem; }
  .v436-bottom-nav { display: none; }
  .v436-menu-toggle { display: none; }
  .v436-desktop-nav { display: flex; gap: 1rem; align-items: center; margin-left: 2rem; }
  .v436-desktop-link { color: var(--v436-muted); font-weight: 800; font-size: 1.25rem; }
  .v436-desktop-link.v436-active { color: var(--v436-mint); }
  .v436-grid { grid-template-columns: repeat(8, 1fr); }
  .v436-two-grid { grid-template-columns: repeat(2, 1fr); }
  .v436-slide img, .v436-slide, .v436-carousel { min-height: 34rem; height: 34rem; }
  .v436-title { font-size: 4.2rem; line-height: 4.8rem; }
  .v436-footer { padding-bottom: 3rem; }
}