:root{
  font-size:62.5%;
  --g3d3-primary:#2C3E50;
  --g3d3-bg:#071421;
  --g3d3-panel:#102739;
  --g3d3-card:#17354a;
  --g3d3-text:#e9fbff;
  --g3d3-muted:#a8c7d2;
  --g3d3-cyan:#00FFFF;
  --g3d3-gold:#ffd166;
  --g3d3-coral:#ff6b6b;
  --g3d3-green:#35f2a2;
  --g3d3-line:rgba(0,255,255,.22);
  --g3d3-shadow:0 1.8rem 4rem rgba(0,0,0,.38);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:radial-gradient(circle at 10% 0%,rgba(0,255,255,.18),transparent 26%),linear-gradient(160deg,#06111d 0%,#0b2234 48%,#08151f 100%);color:var(--g3d3-text);font-family:Inter,Arial,Helvetica,sans-serif;font-size:1.5rem;line-height:1.5rem;overflow-x:hidden}
a{color:var(--g3d3-cyan);text-decoration:none}
a:hover{color:var(--g3d3-gold)}
img{max-width:100%;display:block}
button{font:inherit}
.g3d3-lock{overflow:hidden}
.g3d3-page{width:100%;max-width:430px;margin:0 auto;min-height:100vh;background:linear-gradient(180deg,rgba(12,33,49,.98),rgba(5,14,22,.98));box-shadow:0 0 0 .1rem rgba(0,255,255,.08),0 0 6rem rgba(0,0,0,.45)}
.g3d3-header{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;z-index:1000;background:rgba(7,20,33,.94);backdrop-filter:blur(1.4rem);border-bottom:.1rem solid var(--g3d3-line)}
.g3d3-topbar{height:6.2rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.8rem 1rem}
.g3d3-brand{display:flex;align-items:center;gap:.8rem;min-width:0;color:var(--g3d3-text);font-weight:900;letter-spacing:.02em}
.g3d3-logo{width:3.2rem;height:3.2rem;border-radius:1rem;box-shadow:0 0 1.8rem rgba(0,255,255,.35)}
.g3d3-brand-text{font-size:1.8rem;text-transform:uppercase;color:var(--g3d3-cyan)}
.g3d3-actions{display:flex;align-items:center;gap:.5rem}
.g3d3-btn{border:0;border-radius:999px;min-height:4.4rem;padding:0 1.3rem;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .18s ease,filter .18s ease,background .18s ease;color:#04131d}
.g3d3-btn:hover,.g3d3-btn:focus{transform:translateY(-.1rem) scale(1.02);filter:brightness(1.08);outline:.2rem solid rgba(0,255,255,.28)}
.g3d3-btn-primary{background:linear-gradient(135deg,var(--g3d3-cyan),#7affd8)}
.g3d3-btn-secondary{background:linear-gradient(135deg,var(--g3d3-gold),#ff9f1c)}
.g3d3-btn-ghost{background:rgba(0,255,255,.1);color:var(--g3d3-cyan);border:.1rem solid var(--g3d3-line)}
.g3d3-menu-btn{width:4.4rem;height:4.4rem;border-radius:1.4rem;background:rgba(255,255,255,.08);color:var(--g3d3-text);border:.1rem solid var(--g3d3-line)}
.g3d3-desktop-nav{display:none}
.g3d3-menu{position:fixed;top:0;right:-88%;width:82%;height:100vh;z-index:9999;background:linear-gradient(180deg,#0d2a3f,#071421);box-shadow:var(--g3d3-shadow);padding:2rem 1.4rem;transition:right .28s ease;border-left:.1rem solid var(--g3d3-line);overflow-y:auto}
.g3d3-menu-open{right:0}
.g3d3-menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4rem}
.g3d3-close{width:4.4rem;height:4.4rem;border-radius:50%;border:.1rem solid var(--g3d3-line);background:rgba(0,255,255,.08);color:var(--g3d3-cyan)}
.g3d3-menu-link{display:flex;align-items:center;gap:.8rem;min-height:4.8rem;padding:1rem;border-radius:1.4rem;color:var(--g3d3-text);font-weight:800;border:.1rem solid transparent}
.g3d3-menu-link:hover{background:rgba(0,255,255,.09);border-color:var(--g3d3-line)}
.g3d3-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9998;opacity:0;pointer-events:none;transition:opacity .2s ease}
.g3d3-overlay-show{opacity:1;pointer-events:auto}
.g3d3-main{padding:7.4rem 1rem 2rem}
.g3d3-section{margin:1.4rem 0;padding:1.4rem;border:.1rem solid var(--g3d3-line);border-radius:2rem;background:linear-gradient(180deg,rgba(23,53,74,.92),rgba(10,31,47,.92));box-shadow:0 1rem 2.4rem rgba(0,0,0,.18)}
.g3d3-hero{padding:1rem;border-radius:2.4rem;background:linear-gradient(150deg,rgba(0,255,255,.14),rgba(255,209,102,.08));border:.1rem solid var(--g3d3-line);overflow:hidden}
.g3d3-carousel{position:relative;height:18rem;border-radius:1.8rem;overflow:hidden;background:#0a1e2e}
.g3d3-slide{position:absolute;inset:0;opacity:0;transform:scale(1.04);transition:opacity .55s ease,transform .55s ease;cursor:pointer}
.g3d3-slide-active{opacity:1;transform:scale(1)}
.g3d3-slide img{width:100%;height:100%;object-fit:cover}
.g3d3-slide-caption{position:absolute;left:1rem;right:1rem;bottom:1rem;padding:.9rem 1rem;border-radius:1.4rem;background:rgba(7,20,33,.78);backdrop-filter:blur(.8rem);font-weight:900;color:var(--g3d3-cyan)}
.g3d3-dots{display:flex;justify-content:center;gap:.6rem;margin-top:.9rem}
.g3d3-dot{width:.9rem;height:.9rem;border-radius:50%;border:0;background:rgba(255,255,255,.32);padding:0;cursor:pointer}
.g3d3-dot-active{width:2.4rem;border-radius:1rem;background:var(--g3d3-cyan)}
.g3d3-title{font-size:2.5rem;line-height:3rem;margin:1.2rem 0 .8rem;color:var(--g3d3-text);letter-spacing:-.03em}
.g3d3-subtitle{font-size:1.8rem;line-height:2.3rem;color:var(--g3d3-cyan);margin:.4rem 0 1rem}
.g3d3-kicker{display:inline-flex;align-items:center;gap:.5rem;border:.1rem solid var(--g3d3-line);border-radius:999px;padding:.5rem .9rem;color:var(--g3d3-gold);background:rgba(255,209,102,.08);font-weight:900;font-size:1.2rem;text-transform:uppercase}
.g3d3-copy{color:var(--g3d3-muted);line-height:2.25rem;margin:.8rem 0}
.g3d3-strong-link{font-weight:900;color:var(--g3d3-gold);border-bottom:.1rem dashed rgba(255,209,102,.6);cursor:pointer}
.g3d3-cta-row{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.2rem 0}
.g3d3-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.g3d3-game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.g3d3-game-card{min-height:9.2rem;border-radius:1.4rem;background:rgba(255,255,255,.055);border:.1rem solid rgba(0,255,255,.14);padding:.7rem;text-align:center;color:var(--g3d3-text);display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:transform .18s ease,border-color .18s ease}
.g3d3-game-card:hover{transform:translateY(-.2rem);border-color:var(--g3d3-cyan)}
.g3d3-game-img{width:4.8rem;height:4.8rem;border-radius:1.2rem;object-fit:cover;box-shadow:0 .8rem 1.6rem rgba(0,0,0,.25)}
.g3d3-game-name{font-size:1.05rem;line-height:1.25rem;font-weight:800;color:var(--g3d3-text)}
.g3d3-card{border-radius:1.7rem;padding:1.2rem;background:rgba(4,17,27,.58);border:.1rem solid rgba(0,255,255,.16)}
.g3d3-card h3{font-size:1.55rem;line-height:2rem;margin:.2rem 0 .7rem;color:var(--g3d3-gold)}
.g3d3-card p,.g3d3-card li{color:var(--g3d3-muted);line-height:2.15rem}
.g3d3-list{padding-left:1.8rem;margin:.8rem 0}
.g3d3-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.g3d3-stat{padding:1rem;border-radius:1.4rem;text-align:center;background:linear-gradient(180deg,rgba(0,255,255,.12),rgba(255,255,255,.05));border:.1rem solid var(--g3d3-line)}
.g3d3-stat-num{display:block;font-size:1.9rem;font-weight:900;color:var(--g3d3-cyan)}
.g3d3-stat-label{display:block;font-size:1.05rem;color:var(--g3d3-muted);line-height:1.35rem}
.g3d3-banner-img{border-radius:1.8rem;overflow:hidden;border:.1rem solid var(--g3d3-line);cursor:pointer}
.g3d3-timeline{display:grid;gap:1rem;counter-reset:g3d3step}
.g3d3-step{position:relative;padding:1.2rem 1.2rem 1.2rem 4.6rem;border-radius:1.6rem;background:rgba(255,255,255,.055);border:.1rem solid rgba(0,255,255,.16)}
.g3d3-step:before{counter-increment:g3d3step;content:counter(g3d3step);position:absolute;left:1rem;top:1.1rem;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--g3d3-cyan);color:#06111d;display:grid;place-items:center;font-weight:900}
.g3d3-review{display:flex;gap:1rem;align-items:flex-start;padding:1rem;border-radius:1.6rem;background:rgba(255,255,255,.05);margin:.8rem 0}
.g3d3-avatar{width:4.2rem;height:4.2rem;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--g3d3-cyan),var(--g3d3-gold));color:#06111d;font-weight:900;flex:0 0 auto}
.g3d3-payments{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
.g3d3-pay{min-height:4.4rem;border-radius:1.2rem;background:rgba(0,255,255,.09);border:.1rem solid var(--g3d3-line);display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--g3d3-text)}
.g3d3-footer{padding:2rem 1rem 8.6rem;background:#06111d;border-top:.1rem solid var(--g3d3-line)}
.g3d3-footer-logo{display:flex;align-items:center;gap:.8rem;font-size:1.8rem;font-weight:900;color:var(--g3d3-cyan)}
.g3d3-footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin:1rem 0}
.g3d3-footer-link{padding:.9rem;border-radius:1.2rem;background:rgba(255,255,255,.05);color:var(--g3d3-text);font-weight:800;text-align:center}
.g3d3-partners{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}
.g3d3-partner{padding:.7rem .9rem;border-radius:999px;background:rgba(0,255,255,.08);border:.1rem solid var(--g3d3-line);font-size:1.2rem;font-weight:900;color:var(--g3d3-cyan)}
.g3d3-copy-small{font-size:1.2rem;color:var(--g3d3-muted);line-height:1.8rem}
.g3d3-bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:430px;height:6.2rem;z-index:1000;background:#0a2031;border-top:.1rem solid var(--g3d3-line);display:flex;justify-content:space-around;align-items:center;box-shadow:0 -1rem 3rem rgba(0,0,0,.35)}
.g3d3-bottom-btn{min-width:6rem;min-height:6rem;border:0;background:transparent;color:var(--g3d3-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;font-size:1.05rem;font-weight:900;cursor:pointer;transition:transform .18s ease,color .18s ease}
.g3d3-bottom-btn i,.g3d3-bottom-btn ion-icon,.g3d3-bottom-btn .material-icons,.g3d3-bottom-btn .ti{font-size:2.3rem;line-height:2.3rem}
.g3d3-bottom-btn:hover{transform:translateY(-.25rem) scale(1.04);color:var(--g3d3-cyan)}
.g3d3-bottom-active{color:var(--g3d3-gold)}
.g3d3-badge{position:absolute;margin-left:3.4rem;margin-top:-3.5rem;background:var(--g3d3-coral);color:#fff;border-radius:999px;font-size:.95rem;line-height:1;padding:.25rem .45rem}
.g3d3-faq{display:grid;gap:1rem}
.g3d3-faq-item{padding:1.2rem;border-radius:1.4rem;background:rgba(255,255,255,.055);border:.1rem solid rgba(0,255,255,.14)}
.g3d3-faq-item h3{margin:.1rem 0 .6rem;color:var(--g3d3-cyan);font-size:1.45rem;line-height:2rem}
.g3d3-note{border-left:.4rem solid var(--g3d3-gold);padding:1rem;border-radius:1rem;background:rgba(255,209,102,.08);color:var(--g3d3-text)}
.g3d3-wide-link{display:block;margin:.8rem 0;padding:1rem 1.2rem;border-radius:1.3rem;background:linear-gradient(135deg,rgba(0,255,255,.18),rgba(255,209,102,.13));border:.1rem solid var(--g3d3-line);font-weight:900;color:var(--g3d3-cyan);cursor:pointer;text-align:center}
@media (max-width:768px){.g3d3-main{padding-bottom:8rem}}
@media (min-width:769px){body{background:#071421}.g3d3-page,.g3d3-header,.g3d3-bottom-nav{max-width:980px}.g3d3-bottom-nav{display:none}.g3d3-page{box-shadow:none}.g3d3-main{padding-bottom:3rem}.g3d3-desktop-nav{display:flex;gap:.7rem}.g3d3-menu-btn{display:none}.g3d3-desktop-nav a{color:var(--g3d3-text);font-size:1.3rem;font-weight:800}.g3d3-grid{grid-template-columns:repeat(3,1fr)}.g3d3-game-grid{grid-template-columns:repeat(8,1fr)}.g3d3-carousel{height:28rem}.g3d3-footer{padding-bottom:2rem}}
