/* Mobile overflow fix */
*,*::before,*::after{box-sizing:border-box;}
html,body{width:100%;overflow-x:hidden;}
img,svg,video,canvas{max-width:100%;height:auto;}
pre,code{max-width:100%;overflow-x:auto;}
table{max-width:100%;}

:root{
  --bg:#0b0f1a;--card:#111a2b;--muted:#9fb0c9;--text:#eef3ff;--accent:#ff2a3d;--accent2:#ff6a77;
  --max:1100px;--radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(1200px 600px at 20% 10%, #1b2b55 0%, var(--bg) 55%), var(--bg);color:var(--text);line-height:1.6}
a{color:inherit}
.container{max-width:var(--max);margin:0 auto;padding:24px}
header{position:sticky;top:0;backdrop-filter: blur(10px);background:rgba(11,15,26,.6);border-bottom:1px solid rgba(255,255,255,.08);z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{height:34px;width:auto}
.badge{font-size:12px;padding:4px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:14px;text-decoration:none;font-weight:700;border:1px solid rgba(255,255,255,.16)}
.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:rgba(255,255,255,.0)}
.btn.ghost{background:rgba(255,255,255,.04)}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center;padding:28px 0}
.hero h1{font-size:40px;line-height:1.15;margin:0 0 14px}
.hero p{color:var(--muted);margin:0 0 18px}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap}
.card{background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.10);border-radius:var(--radius);padding:18px}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.kpi{padding:14px;border-radius:16px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08)}
.kpi b{display:block;font-size:18px}
.kpi span{color:var(--muted);font-size:13px}
.heroimg{width:100%;height:auto;border-radius:22px;border:1px solid rgba(255,255,255,.12)}
main h2{margin-top:34px}
main h2, main h3{scroll-margin-top:90px}
table{width:100%;border-collapse:collapse;margin:14px 0;overflow:hidden;border-radius:16px;border:1px solid rgba(255,255,255,.10)}
th,td{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}
th{background:rgba(255,255,255,.06)}
tr:last-child td{border-bottom:0}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.notice{font-size:13px;color:var(--muted)}
.toc{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 0}
.toc a{font-size:13px;color:var(--muted);text-decoration:none;border:1px solid rgba(255,255,255,.12);padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.03)}
.faq details{background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:12px 14px;margin:10px 0}
.faq summary{cursor:pointer;font-weight:700}
footer{margin-top:36px;padding:26px 0;border-top:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:13px}
@media (max-width: 900px){
  .hero{grid-template-columns:1fr}
  .hero h1{font-size:34px}
  .grid2{grid-template-columns:1fr}
  .kpis{grid-template-columns:1fr}
}
/* Prevent page horizontal scroll; allow tables to scroll internally */
.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
@media (max-width:600px){
  header a.btn.ghost[href="#bonus"]{display:none !important;}

  .container{padding-left:16px;padding-right:16px;}
  .btn,button,a.btn{max-width:100%;}
  table{display:block;overflow-x:auto;}
}


/* Footer extra blocks */
.footer-grid{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.footer-box{padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px}
.footer-title{font-weight:700;margin:0 0 10px}
.footer-lang__select{width:100%;max-width:320px;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:transparent;color:inherit}
.footer-links{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.footer-links a{text-decoration:none}
@media (max-width:600px){
  .footer-grid{grid-template-columns:1fr}
}
.vavada-strategy{
  margin: 2.25rem 0;
  padding: 1.5rem 1.25rem;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;
  color: var(--text, #eef3ff);
  line-height: 1.65;
}

.vavada-strategy__title{
  font-size: 1.65rem;
  line-height: 1.25;
  margin: 0 0 1rem;
  letter-spacing: -0.01em;
}

.vavada-strategy__lead{
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.08);
  border-left: 3px solid var(--accent, #ff2a3d);
  border-radius: 14px;
  padding: 1rem 1.1rem;
  margin: 0 0 1.5rem;
}

.vavada-strategy__lead p{
  margin: 0;
  font-size: 1rem;
  color: rgba(238,243,255,.92);
}

.vavada-strategy__block{
  margin: 1.75rem 0;
  padding: 1.1rem 1.1rem;
  background: rgba(255,255,255,.025);
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 14px;
}

.vavada-strategy__subtitle{
  font-size: 1.25rem;
  line-height: 1.3;
  margin: 0 0 .75rem;
  padding-bottom: .5rem;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.vavada-strategy__minor{
  font-size: 1.05rem;
  margin: 1.1rem 0 .4rem;
  color: var(--accent2, #ff6a77);
  font-weight: 700;
}

.vavada-strategy__block p{
  margin: .5rem 0 .75rem;
  font-size: .98rem;
}

.vavada-strategy__tip{
  margin: 1rem 0 .25rem;
  padding: .9rem 1rem;
  background: rgba(255,42,61,.08);
  border: 1px solid rgba(255,42,61,.25);
  border-radius: 12px;
}

.vavada-strategy__tip p{
  margin: 0;
  font-size: .95rem;
}

.vavada-strategy__list,
.vavada-strategy__steps{
  margin: .5rem 0 .25rem;
  padding-left: 1.25rem;
}

.vavada-strategy__list li,
.vavada-strategy__steps li{
  margin: .55rem 0;
  font-size: .98rem;
}

.vavada-strategy__list li strong,
.vavada-strategy__steps li strong{
  color: var(--accent2, #ff6a77);
}

.vavada-strategy__cta{
  background: linear-gradient(135deg, rgba(255,42,61,.08), rgba(255,106,119,.04));
  border: 1px solid rgba(255,42,61,.18);
}

.vavada-strategy__cta .vavada-strategy__subtitle{
  border-bottom-color: rgba(255,42,61,.2);
}

@media (min-width: 600px){
  .vavada-strategy{
    padding: 1.75rem 1.5rem;
  }
  .vavada-strategy__title{
    font-size: 1.85rem;
  }
  .vavada-strategy__subtitle{
    font-size: 1.35rem;
  }
  .vavada-strategy__block{
    padding: 1.25rem 1.4rem;
  }
}

@media (min-width: 900px){
  .vavada-strategy{
    padding: 2rem 1.75rem;
  }
  .vavada-strategy__title{
    font-size: 2rem;
  }
  .vavada-strategy__lead p,
  .vavada-strategy__block p,
  .vavada-strategy__list li,
  .vavada-strategy__steps li{
    font-size: 1rem;
  }
}