:root{
  font-size:62.5%;
  --pgb2-primary:#6495ED;
  --pgb2-gold:#FFD700;
  --pgb2-bg:#2E4057;
  --pgb2-sky:#87CEFA;
  --pgb2-ice:#E0FFFF;
  --pgb2-ink:#071525;
  --pgb2-panel:rgba(11,32,52,.88);
  --pgb2-panel2:rgba(18,49,77,.78);
  --pgb2-line:rgba(135,206,250,.28);
  --pgb2-glow:0 1.6rem 4rem rgba(100,149,237,.28);
  --pgb2-radius:2.2rem;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% 8%,rgba(135,206,250,.22),transparent 28rem),radial-gradient(circle at 88% 12%,rgba(255,215,0,.16),transparent 24rem),linear-gradient(160deg,#071525 0%,#2E4057 46%,#091827 100%);color:var(--pgb2-ice);font-family:Inter,Arial,Helvetica,sans-serif;font-size:1.55rem;line-height:1.5;overflow-x:hidden}
body.pgb2-menu-lock{overflow:hidden}
a{color:var(--pgb2-sky);text-decoration:none}
a:hover{color:var(--pgb2-gold)}
img{max-width:100%;display:block}
button{font-family:inherit}
main{width:100%;max-width:43rem;margin:0 auto;padding:8.8rem 1.2rem 2.8rem}
.pgb2-page-shell{width:100%;max-width:43rem;margin:0 auto;position:relative;isolation:isolate}
.pgb2-header{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:43rem;z-index:1000;background:linear-gradient(90deg,rgba(7,21,37,.96),rgba(46,64,87,.96));border-bottom:.1rem solid var(--pgb2-line);box-shadow:0 .8rem 2.6rem rgba(0,0,0,.32);backdrop-filter:blur(1.4rem);transition:.25s ease}
.pgb2-header-compact{box-shadow:0 .5rem 1.8rem rgba(0,0,0,.46)}
.pgb2-topbar{min-height:6.4rem;display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem}
.pgb2-brand{display:flex;align-items:center;gap:.8rem;min-width:0;flex:1;color:var(--pgb2-ice);font-weight:900;letter-spacing:.04em}
.pgb2-logo{width:3.2rem;height:3.2rem;border-radius:1rem;box-shadow:0 0 0 .2rem rgba(255,215,0,.24),0 0 2rem rgba(255,215,0,.2)}
.pgb2-brand-name{font-size:1.8rem;text-transform:uppercase;white-space:nowrap}
.pgb2-brand-sub{display:block;font-size:1rem;color:var(--pgb2-sky);font-weight:600;letter-spacing:.08em;line-height:1}
.pgb2-actions{display:flex;align-items:center;gap:.5rem}
.pgb2-btn{min-height:4.4rem;border:0;border-radius:999rem;padding:0 1.35rem;background:linear-gradient(135deg,var(--pgb2-gold),#fff1a2);color:#172238;font-size:1.25rem;font-weight:900;box-shadow:0 .8rem 1.8rem rgba(255,215,0,.24);cursor:pointer;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.pgb2-btn:hover,.pgb2-btn:focus-visible{transform:translateY(-.1rem);filter:saturate(1.12);outline:.2rem solid rgba(224,255,255,.45);outline-offset:.2rem}
.pgb2-btn.pgb2-btn-ghost{background:rgba(135,206,250,.12);color:var(--pgb2-ice);border:.1rem solid rgba(135,206,250,.34);box-shadow:none}
.pgb2-btn.pgb2-btn-wide{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.8rem}
.pgb2-menu-btn{width:4.4rem;height:4.4rem;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:1.4rem;background:rgba(135,206,250,.16);color:var(--pgb2-ice);font-size:2.4rem;cursor:pointer}
.pgb2-drawer{position:fixed;inset:0;z-index:9999;background:rgba(4,12,22,.68);opacity:0;pointer-events:none;transition:.2s ease}
.pgb2-drawer.pgb2-menu-open{opacity:1;pointer-events:auto}
.pgb2-drawer-panel{position:absolute;top:0;right:0;width:min(34rem,88vw);height:100%;padding:2rem 1.4rem;background:linear-gradient(180deg,#071525,#18334f 70%,#091827);border-left:.1rem solid var(--pgb2-line);box-shadow:-1.6rem 0 4rem rgba(0,0,0,.42);transform:translateX(105%);transition:.25s ease;overflow:auto}
.pgb2-menu-open .pgb2-drawer-panel{transform:translateX(0)}
.pgb2-drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}
.pgb2-drawer-title{font-size:1.8rem;font-weight:900;color:var(--pgb2-gold)}
.pgb2-close{width:4.4rem;height:4.4rem;border:0;border-radius:1.2rem;background:rgba(224,255,255,.1);color:var(--pgb2-ice);font-size:2rem}
.pgb2-menu-list{display:grid;gap:.9rem}
.pgb2-menu-link{min-height:4.8rem;display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border-radius:1.4rem;background:rgba(135,206,250,.1);border:.1rem solid rgba(135,206,250,.18);color:var(--pgb2-ice);font-weight:800}
.pgb2-menu-link.pgb2-current{background:linear-gradient(90deg,rgba(255,215,0,.28),rgba(100,149,237,.2));color:var(--pgb2-gold)}
.pgb2-hero{position:relative;overflow:hidden;border-radius:2.8rem;padding:1.8rem;background:linear-gradient(145deg,rgba(100,149,237,.22),rgba(7,21,37,.9) 58%,rgba(255,215,0,.12));border:.1rem solid var(--pgb2-line);box-shadow:var(--pgb2-glow)}
.pgb2-hero:before{content:"";position:absolute;inset:-20% -30% auto auto;width:22rem;height:22rem;background:radial-gradient(circle,rgba(255,215,0,.28),transparent 65%);animation:pgb2-float 7s ease-in-out infinite;z-index:-1}
.pgb2-kicker{display:inline-flex;align-items:center;gap:.6rem;padding:.55rem .95rem;border-radius:999rem;background:rgba(224,255,255,.1);color:var(--pgb2-sky);font-size:1.15rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.pgb2-title{margin:1.2rem 0 .8rem;font-size:3rem;line-height:1.05;color:#fff;text-shadow:0 .3rem 1.4rem rgba(0,0,0,.35)}
.pgb2-lead{font-size:1.55rem;color:rgba(224,255,255,.88);margin:.8rem 0 1.3rem}
.pgb2-cta-row{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.2rem 0}
.pgb2-cta-link{display:inline-flex;align-items:center;gap:.65rem;min-height:4.4rem;padding:.95rem 1.3rem;border-radius:1.4rem;background:rgba(255,215,0,.14);border:.1rem solid rgba(255,215,0,.34);font-weight:900;color:var(--pgb2-gold);cursor:pointer}
.pgb2-cta-link strong{color:#fff}
.pgb2-slider{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.4rem}
.pgb2-slide{position:relative;border:0;padding:0;overflow:hidden;border-radius:1.8rem;background:#111;min-height:12rem;cursor:pointer;box-shadow:0 .8rem 2.2rem rgba(0,0,0,.32)}
.pgb2-slide img{width:100%;height:15rem;object-fit:cover;filter:saturate(1.08) contrast(1.03)}
.pgb2-slide span{position:absolute;left:1rem;bottom:1rem;padding:.55rem .9rem;border-radius:999rem;background:rgba(7,21,37,.78);color:#fff;font-weight:900}
.pgb2-section{margin:1.4rem 0;padding:1.45rem;border-radius:var(--pgb2-radius);background:linear-gradient(180deg,var(--pgb2-panel),rgba(8,22,38,.82));border:.1rem solid var(--pgb2-line);box-shadow:0 .8rem 2.4rem rgba(0,0,0,.22)}
.pgb2-section-alt{background:linear-gradient(145deg,rgba(46,64,87,.92),rgba(7,21,37,.86))}
.pgb2-section h2{margin:.2rem 0 1rem;font-size:2.1rem;line-height:1.2;color:var(--pgb2-gold)}
.pgb2-section h3{margin:1.1rem 0 .6rem;font-size:1.65rem;color:var(--pgb2-sky)}
.pgb2-section p{margin:.75rem 0;color:rgba(224,255,255,.9)}
.pgb2-text-link{font-weight:900;color:var(--pgb2-gold);border-bottom:.1rem dashed rgba(255,215,0,.55)}
.pgb2-badge-row{display:flex;flex-wrap:wrap;gap:.7rem;margin:.8rem 0}
.pgb2-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .85rem;border-radius:999rem;background:rgba(135,206,250,.12);color:var(--pgb2-ice);border:.1rem solid rgba(135,206,250,.25);font-size:1.2rem;font-weight:800}
.pgb2-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.pgb2-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.pgb2-card{border-radius:1.6rem;padding:1.1rem;background:rgba(224,255,255,.07);border:.1rem solid rgba(135,206,250,.18)}
.pgb2-card strong{color:#fff}
.pgb2-card small{display:block;color:rgba(224,255,255,.72);margin-top:.3rem}
.pgb2-game-group{margin-top:1.4rem}
.pgb2-game-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem;color:var(--pgb2-gold);font-weight:900;font-size:1.7rem}
.pgb2-game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.pgb2-game{min-height:9.4rem;padding:.65rem;border-radius:1.3rem;background:linear-gradient(180deg,rgba(135,206,250,.12),rgba(7,21,37,.6));border:.1rem solid rgba(135,206,250,.17);text-align:center;color:var(--pgb2-ice);font-size:1.05rem;font-weight:800;overflow:hidden}
.pgb2-game img{width:5.4rem;height:5.4rem;object-fit:cover;margin:0 auto .5rem;border-radius:1.2rem;box-shadow:0 .5rem 1.2rem rgba(0,0,0,.3)}
.pgb2-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:.8rem}
.pgb2-stat{padding:1.1rem;border-radius:1.5rem;background:rgba(255,215,0,.1);border:.1rem solid rgba(255,215,0,.22)}
.pgb2-stat b{display:block;color:var(--pgb2-gold);font-size:2rem}
.pgb2-steps{counter-reset:pgb2-step;display:grid;gap:1rem;margin:1rem 0 0;padding:0;list-style:none}
.pgb2-step{counter-increment:pgb2-step;position:relative;padding:1.1rem 1.1rem 1.1rem 5rem;border-radius:1.6rem;background:rgba(135,206,250,.1);border:.1rem solid rgba(135,206,250,.2)}
.pgb2-step:before{content:counter(pgb2-step);position:absolute;left:1rem;top:1rem;width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;background:var(--pgb2-gold);color:#102033;font-weight:900}
.pgb2-review{display:flex;gap:1rem;align-items:flex-start;margin:.9rem 0;padding:1rem;border-radius:1.5rem;background:rgba(224,255,255,.07)}
.pgb2-avatar{width:4.2rem;height:4.2rem;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--pgb2-primary),var(--pgb2-gold));color:#071525;font-weight:900;flex:0 0 auto}
.pgb2-payments{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
.pgb2-pay{min-height:4.8rem;display:grid;place-items:center;border-radius:1.3rem;background:rgba(224,255,255,.08);border:.1rem solid rgba(224,255,255,.12);font-weight:900;color:var(--pgb2-sky)}
.pgb2-footer{width:100%;max-width:43rem;margin:0 auto;padding:2rem 1.2rem 8.8rem;background:linear-gradient(180deg,rgba(7,21,37,.2),rgba(7,21,37,.92));border-top:.1rem solid var(--pgb2-line)}
.pgb2-footer-logo{display:flex;align-items:center;gap:.8rem;font-weight:900;color:var(--pgb2-gold);font-size:1.9rem}
.pgb2-footer-text{color:rgba(224,255,255,.82);font-size:1.35rem}
.pgb2-footer-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1rem 0}
.pgb2-footer-links{display:flex;flex-wrap:wrap;gap:.8rem;margin:1rem 0}
.pgb2-footer-links a{font-size:1.25rem;color:var(--pgb2-sky);font-weight:800}
.pgb2-copy{font-size:1.15rem;color:rgba(224,255,255,.6);margin-top:1rem}
.pgb2-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:#102033;border-top:.1rem solid rgba(135,206,250,.3);box-shadow:0 -1rem 2.4rem rgba(0,0,0,.35)}
.pgb2-bottom-item{min-width:6rem;min-height:6rem;border:0;background:transparent;color:rgba(224,255,255,.78);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;font-size:1.05rem;font-weight:800;cursor:pointer;transition:.18s ease;position:relative}
.pgb2-bottom-item i,.pgb2-bottom-item span.material-icons,.pgb2-bottom-item ion-icon{font-size:2.3rem;line-height:1}
.pgb2-bottom-item.pgb2-current,.pgb2-bottom-item:hover,.pgb2-bottom-item.pgb2-touching{color:var(--pgb2-gold);transform:scale(1.06)}
.pgb2-bottom-item.pgb2-current:before{content:"";position:absolute;top:.4rem;width:3.4rem;height:.28rem;border-radius:999rem;background:var(--pgb2-gold)}
.pgb2-faq{border-top:.1rem solid rgba(135,206,250,.16);padding-top:1rem;margin-top:1rem}
.pgb2-faq dt{font-weight:900;color:var(--pgb2-gold);margin:.8rem 0 .35rem}
.pgb2-faq dd{margin:0 0 .8rem;color:rgba(224,255,255,.86)}
.pgb2-warning{padding:1rem;border-radius:1.5rem;background:rgba(255,215,0,.12);border:.1rem solid rgba(255,215,0,.28);color:#fff}
.pgb2-touching{transform:scale(.97)}
@keyframes pgb2-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-2rem,1.2rem,0)}}
@media (min-width:769px){
  .pgb2-bottom-nav{display:none}
  .pgb2-menu-btn{display:none}
  main{padding-bottom:3rem}
  .pgb2-drawer{display:none}
}
@media (max-width:768px){
  main{padding-bottom:8rem}
  .pgb2-actions .pgb2-btn{padding:0 .95rem;font-size:1.1rem}
}
@media (max-width:360px){
  .pgb2-title{font-size:2.55rem}
  .pgb2-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pgb2-grid{grid-template-columns:1fr}
}
