:root{
  font-size:62.5%;
  --s164-primary:#8A2BE2;
  --s164-secondary:#8470FF;
  --s164-accent:#FFAA00;
  --s164-warm:#FF6347;
  --s164-bg:#0A0A0A;
  --s164-panel:#161022;
  --s164-panel2:#211532;
  --s164-text:#DEE2E6;
  --s164-muted:#AEB4C2;
  --s164-line:rgba(222,226,230,.16);
  --s164-glow:0 0 2.6rem rgba(138,43,226,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--s164-bg)}
body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at top,#2a1552 0,#0A0A0A 38%,#060606 100%);color:var(--s164-text);font-size:1.5rem;line-height:1.5;overflow-x:hidden}
body.s164-lock{overflow:hidden}
a{color:var(--s164-accent);text-decoration:none}
a:hover{color:#fff}
img{max-width:100%;display:block}
main{width:100%;max-width:43rem;margin:0 auto;padding:8.4rem 1.2rem 2.4rem}
.s164-header{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:43rem;z-index:1000;background:rgba(10,10,10,.92);backdrop-filter:blur(14px);border-bottom:.1rem solid var(--s164-line);transition:.25s ease}
.s164-header-compact{box-shadow:var(--s164-glow)}
.s164-topbar{height:6.4rem;display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem}
.s164-brand{display:flex;align-items:center;gap:.8rem;min-width:0;flex:1;color:#fff;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.s164-logo{width:3.2rem;height:3.2rem;border-radius:1rem;box-shadow:0 0 1.8rem rgba(255,170,0,.35)}
.s164-brand-text{font-size:1.7rem;white-space:nowrap;text-shadow:0 .2rem 1rem rgba(132,112,255,.7)}
.s164-actions{display:flex;align-items:center;gap:.5rem}
.s164-btn{border:0;border-radius:999px;min-height:4.4rem;padding:0 1.35rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--s164-primary),var(--s164-secondary));box-shadow:0 .8rem 1.8rem rgba(138,43,226,.28);cursor:pointer;transition:transform .2s ease,filter .2s ease}
.s164-btn:hover,.s164-btn:focus{transform:translateY(-.1rem);filter:brightness(1.12)}
.s164-btn:active{transform:scale(.96)}
.s164-btn-small{min-height:4rem;padding:0 1rem;font-size:1.2rem}
.s164-btn-alt{background:linear-gradient(135deg,var(--s164-accent),var(--s164-warm));color:#140900}
.s164-menu-btn{width:4.4rem;height:4.4rem;padding:0;border-radius:1.4rem;background:#181022;border:.1rem solid var(--s164-line);color:#fff;font-size:2.2rem}
.s164-mobile-menu{position:fixed;inset:0;z-index:9999;background:rgba(5,4,8,.72);opacity:0;pointer-events:none;transition:.22s ease}
.s164-menu-open{opacity:1;pointer-events:auto}
.s164-menu-panel{position:absolute;top:0;right:0;width:min(34rem,88vw);height:100%;padding:2rem;background:linear-gradient(180deg,#24103b,#09080c);box-shadow:-1rem 0 3rem rgba(0,0,0,.5);transform:translateX(105%);transition:.25s ease;overflow-y:auto}
.s164-menu-open .s164-menu-panel{transform:translateX(0)}
.s164-menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.8rem}
.s164-close{width:4.4rem;height:4.4rem;border:0;border-radius:1.2rem;background:rgba(255,255,255,.08);color:#fff;font-size:2.2rem}
.s164-menu-links{display:grid;gap:1rem}
.s164-menu-links a{display:flex;align-items:center;gap:1rem;min-height:4.8rem;padding:1.1rem 1.2rem;border:.1rem solid var(--s164-line);border-radius:1.5rem;background:rgba(255,255,255,.05);color:#fff;font-weight:750}
.s164-current{outline:.2rem solid rgba(255,170,0,.7)!important;background:linear-gradient(135deg,rgba(255,170,0,.22),rgba(255,99,71,.12))!important}
.s164-desktop-nav{display:none}
.s164-hero{position:relative;overflow:hidden;border-radius:2.2rem;background:linear-gradient(145deg,#291044,#101016);border:.1rem solid var(--s164-line);box-shadow:var(--s164-glow);padding:1.4rem;margin-bottom:1.4rem}
.s164-kicker{display:inline-flex;gap:.6rem;align-items:center;padding:.55rem 1rem;border-radius:999px;background:rgba(255,170,0,.12);color:var(--s164-accent);font-size:1.2rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.s164-title{font-size:2.8rem;line-height:1.08;margin:1.2rem 0 .9rem;color:#fff;letter-spacing:-.04em}
.s164-subtitle{color:var(--s164-muted);margin:.5rem 0 1.4rem}
.s164-hero-cta{display:flex;flex-wrap:wrap;gap:.8rem;margin:1rem 0}
.s164-carousel{position:relative;margin:1.4rem 0 0;border-radius:1.8rem;overflow:hidden;min-height:16rem;background:#100a18}
.s164-slide{display:none;position:relative;cursor:pointer}
.s164-slide-active{display:block;animation:s164Fade .5s ease}
.s164-slide img{width:100%;height:18rem;object-fit:cover}
.s164-slide-caption{position:absolute;left:1rem;right:1rem;bottom:1rem;background:rgba(10,10,10,.72);border:.1rem solid var(--s164-line);border-radius:1.2rem;padding:.9rem;color:#fff;font-weight:800}
.s164-dots{display:flex;gap:.6rem;justify-content:center;margin-top:.9rem}
.s164-dot{width:.9rem;height:.9rem;border:0;border-radius:50%;background:#5d526b;cursor:pointer}
.s164-dot-active{background:var(--s164-accent);box-shadow:0 0 1rem var(--s164-accent)}
.s164-section{margin:1.6rem 0;padding:1.4rem;border:.1rem solid var(--s164-line);border-radius:2rem;background:linear-gradient(180deg,rgba(33,21,50,.96),rgba(12,10,18,.96))}
.s164-section h2{margin:.2rem 0 1rem;font-size:2.1rem;color:#fff;line-height:1.18}
.s164-section h3{font-size:1.55rem;color:#fff;margin:1rem 0 .5rem}
.s164-text{color:var(--s164-muted)}
.s164-highlight{color:var(--s164-accent);font-weight:900}
.s164-pill-row{display:flex;gap:.7rem;flex-wrap:wrap;margin:.9rem 0}
.s164-pill{display:inline-flex;align-items:center;gap:.5rem;border:.1rem solid rgba(255,170,0,.3);border-radius:999px;padding:.55rem .85rem;background:rgba(255,170,0,.08);color:#fff;font-size:1.2rem;font-weight:750}
.s164-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.s164-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
.s164-card{border:.1rem solid var(--s164-line);border-radius:1.6rem;background:rgba(255,255,255,.055);padding:1rem;box-shadow:0 .7rem 1.6rem rgba(0,0,0,.18)}
.s164-card strong{color:#fff}
.s164-game-category{margin:1.4rem 0}
.s164-category-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.8rem}
.s164-category-head h3{margin:0;text-transform:capitalize;font-size:1.75rem}
.s164-game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}
.s164-game{display:block;min-height:9.4rem;padding:.6rem;border:.1rem solid rgba(222,226,230,.12);border-radius:1.3rem;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));color:#fff;text-align:center;transition:.2s ease}
.s164-game:hover{transform:translateY(-.2rem);border-color:rgba(255,170,0,.55)}
.s164-game img{width:5.4rem;height:5.4rem;border-radius:1.2rem;object-fit:cover;margin:0 auto .45rem;background:#0f0d16}
.s164-game span{display:block;font-size:1rem;line-height:1.15;color:#e9eaf0;font-weight:750}
.s164-stat{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0;border-bottom:.1rem solid var(--s164-line)}
.s164-stat:last-child{border-bottom:0}
.s164-meter{height:.9rem;background:#2d243a;border-radius:999px;overflow:hidden;min-width:11rem}
.s164-meter span{display:block;height:100%;background:linear-gradient(90deg,var(--s164-accent),var(--s164-warm));border-radius:inherit}
.s164-steps{counter-reset:s164step;display:grid;gap:1rem}
.s164-step{position:relative;padding:1rem 1rem 1rem 4.2rem;border-radius:1.4rem;background:rgba(255,255,255,.055);border:.1rem solid var(--s164-line)}
.s164-step:before{counter-increment:s164step;content:counter(s164step);position:absolute;left:1rem;top:1rem;width:2.4rem;height:2.4rem;border-radius:50%;display:grid;place-items:center;background:var(--s164-accent);color:#120900;font-weight:900}
.s164-quote{padding:1.2rem;border-left:.4rem solid var(--s164-accent);background:rgba(255,170,0,.08);border-radius:0 1.2rem 1.2rem 0;color:#fff}
.s164-payments{display:flex;gap:.8rem;flex-wrap:wrap}
.s164-pay{min-height:4.4rem;padding:.8rem 1rem;border-radius:1.2rem;background:#fff;color:#171017;font-weight:900;display:flex;align-items:center;gap:.5rem}
.s164-footer{width:100%;max-width:43rem;margin:0 auto;padding:2rem 1.2rem 8.6rem;background:#08080b;border-top:.1rem solid var(--s164-line)}
.s164-footer-logo{display:flex;align-items:center;gap:.8rem;color:#fff;font-weight:900;font-size:1.7rem}
.s164-footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin:1.4rem 0}
.s164-footer-links a,.s164-footer .s164-promo-link{min-height:4.4rem;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:1.3rem;border:.1rem solid var(--s164-line);background:rgba(255,255,255,.06);color:#fff;font-weight:780;padding:.8rem}
.s164-promo-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin:1.2rem 0}
.s164-partners{display:flex;gap:.8rem;flex-wrap:wrap;margin:1rem 0}
.s164-partner{padding:.55rem .8rem;border-radius:999px;background:rgba(132,112,255,.16);border:.1rem solid rgba(132,112,255,.32);color:#fff;font-size:1.15rem;font-weight:800}
.s164-copy{color:#858a98;font-size:1.2rem;margin-top:1rem}
.s164-bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:43rem;height:6.2rem;z-index:1000;display:flex;justify-content:space-around;align-items:center;background:#12091c;border-top:.1rem solid rgba(255,170,0,.28);box-shadow:0 -1rem 2rem rgba(0,0,0,.4)}
.s164-bottom-btn{min-width:6rem;min-height:6rem;border:0;background:transparent;color:#cfd2dc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;font-size:1.05rem;font-weight:760;cursor:pointer;transition:.18s ease;position:relative}
.s164-bottom-btn i,.s164-bottom-btn ion-icon,.s164-bottom-btn .material-icons,.s164-bottom-btn .ti{font-size:2.3rem;line-height:1}
.s164-bottom-btn:hover,.s164-bottom-btn:focus,.s164-bottom-btn.s164-current{color:var(--s164-accent);transform:translateY(-.2rem)}
.s164-badge{position:absolute;top:.35rem;right:1rem;background:var(--s164-warm);color:#fff;border-radius:999px;font-size:.9rem;line-height:1;padding:.25rem .45rem;font-weight:900}
.s164-faq details{border:.1rem solid var(--s164-line);border-radius:1.4rem;padding:1rem;margin:.8rem 0;background:rgba(255,255,255,.05)}
.s164-faq summary{cursor:pointer;color:#fff;font-weight:850;min-height:3rem}
.s164-split{display:grid;gap:1rem}
.s164-image-card{border-radius:1.8rem;overflow:hidden;border:.1rem solid var(--s164-line);background:#111}
.s164-image-card img{width:100%;height:16rem;object-fit:cover}
.s164-mini-note{font-size:1.2rem;color:var(--s164-muted)}
.s164-link-inline{font-weight:900;border-bottom:.1rem dashed currentColor}
@keyframes s164Fade{from{opacity:.35;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}
@media (min-width:769px){
  body{background:#0A0A0A}
  main,.s164-header,.s164-footer,.s164-bottom-nav{max-width:110rem}
  main{padding-top:9.2rem}
  .s164-bottom-nav{display:none}
  .s164-desktop-nav{display:flex;align-items:center;gap:1.2rem;margin-left:1rem}
  .s164-desktop-nav a{color:#fff;font-weight:750}
  .s164-menu-btn{display:none}
  .s164-grid{grid-template-columns:repeat(4,1fr)}
  .s164-game-grid{grid-template-columns:repeat(8,1fr)}
  .s164-split{grid-template-columns:1.1fr .9fr;align-items:center}
  .s164-footer-links{grid-template-columns:repeat(4,1fr)}
  .s164-promo-row{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:768px){
  main{padding-bottom:8rem}
  .s164-btn-small{padding:0 .9rem}
}
@media (max-width:360px){
  .s164-brand-text{font-size:1.45rem}
  .s164-actions{gap:.3rem}
  .s164-btn-small{font-size:1.1rem;padding:0 .75rem}
  .s164-game-grid{gap:.55rem}
  .s164-game img{width:4.7rem;height:4.7rem}
}