:root{
  font-size:62.5%;
  --g270-bg:#1A1A2E;
  --g270-panel:#20243f;
  --g270-panel-2:#101528;
  --g270-text:#F0F8FF;
  --g270-muted:#b9c2d9;
  --g270-primary:#00CED1;
  --g270-gold:#DAA520;
  --g270-soft:#F0E68C;
  --g270-line:rgba(240,248,255,.14);
  --g270-shadow:0 1.6rem 4rem rgba(0,0,0,.36);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;max-width:100%;overflow-x:hidden;background:var(--g270-bg);color:var(--g270-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.5rem}
body{font-size:1.5rem;background:radial-gradient(circle at 12% 8%,rgba(0,206,209,.22),transparent 28rem),radial-gradient(circle at 88% 18%,rgba(218,165,32,.18),transparent 24rem),linear-gradient(180deg,#1A1A2E 0%,#0c1020 100%)}
a{color:var(--g270-soft);text-decoration:none}
a:hover{color:var(--g270-primary)}
img{max-width:100%;display:block}
button{font:inherit}
.g270-body-lock{overflow:hidden}
.g270-page{width:100%;max-width:430px;margin:0 auto;min-height:100vh;background:linear-gradient(180deg,rgba(26,26,46,.96),rgba(12,16,32,.98));box-shadow:0 0 0 .1rem rgba(255,255,255,.04)}
.g270-container{width:min(100%,430px);margin:0 auto;padding:0 1.4rem}
.g270-wrapper{padding-top:7.4rem}
.g270-header{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;z-index:1000;background:rgba(16,21,40,.92);backdrop-filter:blur(14px);border-bottom:.1rem solid var(--g270-line)}
.g270-topbar{display:flex;align-items:center;gap:.8rem;min-height:6.4rem;padding:.8rem 1rem}
.g270-brand{display:flex;align-items:center;gap:.8rem;min-width:0;margin-right:auto;color:var(--g270-text)}
.g270-logo{width:3.2rem;height:3.2rem;border-radius:.9rem;box-shadow:0 0 1.8rem rgba(0,206,209,.35)}
.g270-brand-title{display:block;font-size:1.8rem;font-weight:900;letter-spacing:.05em;color:var(--g270-soft)}
.g270-brand-sub{display:block;font-size:1rem;color:var(--g270-muted);white-space:nowrap}
.g270-actions{display:flex;gap:.6rem;align-items:center}
.g270-btn{min-height:4.4rem;min-width:4.4rem;border:0;border-radius:1.3rem;padding:0 1.25rem;background:linear-gradient(135deg,var(--g270-primary),#0b8eac);color:#07111d;font-weight:900;box-shadow:0 .8rem 2rem rgba(0,206,209,.28);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;transition:transform .18s ease,filter .18s ease,background .18s ease}
.g270-btn:hover,.g270-btn:focus{transform:translateY(-.1rem) scale(1.02);filter:brightness(1.08)}
.g270-btn-gold{background:linear-gradient(135deg,var(--g270-soft),var(--g270-gold));color:#171105;box-shadow:0 .8rem 2rem rgba(218,165,32,.25)}
.g270-btn-ghost{background:rgba(240,248,255,.08);color:var(--g270-text);border:.1rem solid var(--g270-line);box-shadow:none}
.g270-menu-btn{padding:0;width:4.4rem;border-radius:1.4rem}
.g270-mobile-menu{position:fixed;top:6.4rem;right:0;bottom:0;width:min(88%,36rem);z-index:9999;transform:translateX(105%);transition:transform .25s ease;background:linear-gradient(180deg,#11182e,#0b1020);border-left:.1rem solid var(--g270-line);box-shadow:var(--g270-shadow);padding:1.4rem;overflow:auto}
.g270-menu-open{transform:translateX(0)}
.g270-menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;color:var(--g270-muted)}
.g270-menu-list{display:grid;gap:.8rem;margin:0;padding:0;list-style:none}
.g270-menu-link{min-height:4.8rem;display:flex;align-items:center;gap:.9rem;padding:1rem 1.2rem;border-radius:1.4rem;background:rgba(240,248,255,.06);border:.1rem solid var(--g270-line);color:var(--g270-text);font-weight:750}
.g270-menu-link.g270-active{background:linear-gradient(135deg,rgba(0,206,209,.22),rgba(218,165,32,.14));color:var(--g270-soft);border-color:rgba(0,206,209,.38)}
.g270-desktop-nav{display:none;gap:1rem;align-items:center;justify-content:center;padding:.6rem 1rem;border-top:.1rem solid var(--g270-line)}
.g270-desktop-nav a{font-size:1.2rem;color:var(--g270-muted);font-weight:800}
.g270-hero{padding:1.6rem 0 1rem}
.g270-kicker{display:inline-flex;align-items:center;gap:.6rem;padding:.55rem .9rem;border:.1rem solid rgba(0,206,209,.38);background:rgba(0,206,209,.1);border-radius:99rem;color:var(--g270-primary);font-size:1.15rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.g270-h1{font-size:2.8rem;line-height:3.25rem;margin:1.2rem 0;color:var(--g270-text);letter-spacing:-.04em}
.g270-lead{font-size:1.52rem;line-height:2.35rem;color:var(--g270-muted);margin:0 0 1.2rem}
.g270-cta-row{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.4rem 0}
.g270-slider{position:relative;border-radius:2rem;overflow:hidden;border:.1rem solid var(--g270-line);box-shadow:var(--g270-shadow);background:#080d1a;margin:1rem 0 1.6rem;min-height:16rem}
.g270-slide{display:none;position:relative;cursor:pointer}
.g270-slide-active{display:block;animation:g270Fade .42s ease}
.g270-slide img{width:100%;height:18rem;object-fit:cover;opacity:.92}
.g270-slide-caption{position:absolute;left:1.2rem;right:1.2rem;bottom:1.2rem;padding:1rem;border-radius:1.3rem;background:rgba(10,14,26,.78);backdrop-filter:blur(8px);border:.1rem solid rgba(255,255,255,.1)}
.g270-dots{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem}
.g270-dot{width:.8rem;height:.8rem;border-radius:50%;background:rgba(255,255,255,.38)}
.g270-dot-active{background:var(--g270-primary);box-shadow:0 0 1rem var(--g270-primary)}
.g270-section{margin:1.4rem 0;padding:1.4rem;border:.1rem solid var(--g270-line);border-radius:2rem;background:linear-gradient(180deg,rgba(32,36,63,.88),rgba(16,21,40,.88));box-shadow:0 .8rem 2.4rem rgba(0,0,0,.18)}
.g270-section-alt{background:linear-gradient(135deg,rgba(0,206,209,.11),rgba(218,165,32,.09)),var(--g270-panel-2)}
.g270-section-title{font-size:2rem;line-height:2.55rem;margin:0 0 1rem;color:var(--g270-soft)}
.g270-subtitle{font-size:1.65rem;line-height:2.2rem;margin:1.1rem 0 .7rem;color:var(--g270-primary)}
.g270-text{color:var(--g270-muted);font-size:1.45rem;line-height:2.25rem;margin:.7rem 0}
.g270-link{font-weight:900;color:var(--g270-soft);border-bottom:.1rem dashed rgba(240,230,140,.6)}
.g270-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem}
.g270-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
.g270-card{border:.1rem solid var(--g270-line);background:rgba(240,248,255,.055);border-radius:1.6rem;padding:1.1rem;min-height:4.8rem}
.g270-card strong{color:var(--g270-text)}
.g270-stat{display:flex;align-items:center;gap:.9rem;padding:1rem;border-radius:1.5rem;background:rgba(0,206,209,.09);border:.1rem solid rgba(0,206,209,.22)}
.g270-stat-icon{font-size:2.4rem;color:var(--g270-primary)}
.g270-stat-num{font-size:1.85rem;font-weight:950;color:var(--g270-soft);display:block}
.g270-game-block{margin:1.2rem 0}
.g270-category-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.8rem 0}
.g270-category-head h3{font-size:1.72rem;margin:0;color:var(--g270-primary)}
.g270-category-head span{font-size:1.1rem;color:var(--g270-muted)}
.g270-game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}
.g270-game-card{min-height:9.8rem;padding:.7rem;border-radius:1.35rem;background:linear-gradient(180deg,rgba(240,248,255,.08),rgba(240,248,255,.035));border:.1rem solid var(--g270-line);text-align:center;color:var(--g270-text);transition:transform .18s ease,border-color .18s ease}
.g270-game-card:hover{transform:translateY(-.2rem);border-color:rgba(0,206,209,.55)}
.g270-game-card img{width:5.2rem;height:5.2rem;object-fit:cover;border-radius:1.2rem;margin:0 auto .55rem;background:#070b16}
.g270-game-card span{display:block;font-size:1.05rem;line-height:1.3rem;color:var(--g270-text);font-weight:780}
.g270-steps{counter-reset:g270Step;display:grid;gap:.9rem;margin:1rem 0}
.g270-step{position:relative;padding:1.1rem 1.1rem 1.1rem 4.4rem;border-radius:1.6rem;background:rgba(240,248,255,.055);border:.1rem solid var(--g270-line)}
.g270-step:before{counter-increment:g270Step;content:counter(g270Step);position:absolute;left:1rem;top:1rem;width:2.5rem;height:2.5rem;border-radius:50%;display:grid;place-items:center;background:var(--g270-primary);color:#07111d;font-weight:950}
.g270-review{display:flex;gap:1rem;align-items:flex-start;margin:.8rem 0;padding:1rem;border-radius:1.5rem;background:rgba(218,165,32,.09);border:.1rem solid rgba(218,165,32,.22)}
.g270-avatar{width:3.8rem;height:3.8rem;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--g270-primary),var(--g270-gold));color:#07111d;font-weight:950;flex:0 0 auto}
.g270-footer{margin-top:2rem;padding:2rem 1.4rem 8.8rem;background:#090e1b;border-top:.1rem solid var(--g270-line)}
.g270-footer-logo{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem}
.g270-footer-links{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.2rem 0}
.g270-footer-links a{min-height:4.4rem;display:inline-flex;align-items:center;padding:.8rem 1rem;border-radius:1.2rem;background:rgba(240,248,255,.07);border:.1rem solid var(--g270-line);color:var(--g270-text);font-weight:800}
.g270-partners{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}
.g270-partner{padding:.7rem .9rem;border-radius:1rem;background:rgba(0,206,209,.1);color:var(--g270-primary);font-size:1.15rem;font-weight:850}
.g270-copy{font-size:1.15rem;color:var(--g270-muted)}
.g270-bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:430px;height:6.2rem;z-index:1000;display:flex;justify-content:space-around;align-items:center;background:#101528;border-top:.1rem solid rgba(0,206,209,.3);box-shadow:0 -1rem 2.6rem rgba(0,0,0,.36)}
.g270-bottom-item{min-width:6rem;min-height:6rem;border:0;background:transparent;color:var(--g270-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;cursor:pointer;transition:transform .18s ease,color .18s ease}
.g270-bottom-item i,.g270-bottom-item ion-icon,.g270-bottom-item .material-icons,.g270-bottom-item svg{font-size:2.3rem;width:2.5rem;height:2.5rem}
.g270-bottom-item span{font-size:1.05rem;font-weight:850;line-height:1.2rem}
.g270-bottom-item:hover,.g270-bottom-item:focus,.g270-bottom-item.g270-active{color:var(--g270-soft);transform:scale(1.06)}
.g270-bottom-item.g270-active:after{content:"";position:absolute;bottom:.4rem;width:2.2rem;height:.25rem;border-radius:99rem;background:var(--g270-primary)}
.g270-badge{position:absolute;margin-left:2.7rem;margin-top:-3.6rem;min-width:1.7rem;height:1.7rem;border-radius:99rem;background:var(--g270-gold);color:#111;font-size:1rem;display:grid;place-items:center;font-weight:950}
.g270-table{width:100%;border-collapse:separate;border-spacing:0 .7rem}
.g270-table td,.g270-table th{padding:.9rem;background:rgba(240,248,255,.06);font-size:1.25rem;text-align:left}
.g270-table th{color:var(--g270-soft)}
.g270-faq details{border:.1rem solid var(--g270-line);border-radius:1.4rem;background:rgba(240,248,255,.055);padding:1rem;margin:.8rem 0}
.g270-faq summary{cursor:pointer;font-weight:900;color:var(--g270-text);min-height:3rem}
@keyframes g270Fade{from{opacity:.35;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}
@media (max-width:768px){main{padding-bottom:8rem}.g270-desktop-only{display:none!important}}
@media (min-width:769px){.g270-page,.g270-header,.g270-bottom-nav{max-width:1100px}.g270-container{max-width:1100px}.g270-bottom-nav{display:none}.g270-menu-btn{display:none}.g270-desktop-nav{display:flex}.g270-game-grid{grid-template-columns:repeat(8,1fr)}.g270-grid{grid-template-columns:repeat(4,1fr)}.g270-wrapper{padding-top:10.5rem}.g270-footer{padding-bottom:2rem}.g270-slide img{height:30rem}}