@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap');

:root {
  font-size: 62.5%;
  --pg85-primary: #ff1493;
  --pg85-primary-soft: #db7093;
  --pg85-bg: #0a0a0a;
  --pg85-panel: #171017;
  --pg85-panel-2: #241520;
  --pg85-text: #f4f0f3;
  --pg85-muted: #d3d3d3;
  --pg85-gold: #deb887;
  --pg85-line: rgba(255,255,255,.12);
  --pg85-shadow: 0 1.6rem 3.4rem rgba(0,0,0,.44);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: 'Inter', Arial, sans-serif;
  background: radial-gradient(circle at top left, rgba(255,20,147,.2), transparent 36rem), var(--pg85-bg);
  color: var(--pg85-text);
  font-size: 1.5rem;
  line-height: 1.5rem;
  overflow-x: hidden;
}
body.pg85-lock { overflow: hidden; }
a { color: var(--pg85-gold); text-decoration: none; font-weight: 800; }
a:hover { color: var(--pg85-primary); }
img { max-width: 100%; display: block; }
button { font-family: inherit; }

.pg85-page { max-width: 43rem; margin: 0 auto; min-height: 100vh; background: linear-gradient(180deg, rgba(10,10,10,.98), rgba(18,10,17,.98)); box-shadow: 0 0 0 1px rgba(255,255,255,.05); }
.pg85-container { width: min(100%, 43rem); margin: 0 auto; padding: 0 1.4rem; }
.pg85-wrapper { padding: 1.6rem 0; }
.pg85-grid { display: grid; gap: 1.2rem; }
.pg85-header { position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: min(100%, 43rem); z-index: 1000; background: rgba(10,10,10,.94); backdrop-filter: blur(1.4rem); border-bottom: .1rem solid var(--pg85-line); }
.pg85-topbar { min-height: 6.2rem; display: flex; align-items: center; justify-content: space-between; gap: .8rem; padding: .8rem 1.2rem; }
.pg85-brand { display: inline-flex; align-items: center; gap: .8rem; color: var(--pg85-text); font-size: 1.8rem; font-weight: 900; letter-spacing: .03em; }
.pg85-logo { width: 3.2rem; height: 3.2rem; border-radius: 1rem; box-shadow: 0 0 1.8rem rgba(255,20,147,.45); }
.pg85-actions { display: flex; align-items: center; gap: .6rem; }
.pg85-btn { min-height: 4.4rem; border: 0; border-radius: 999rem; padding: 0 1.3rem; color: #11070f; background: linear-gradient(135deg, var(--pg85-gold), var(--pg85-primary)); font-size: 1.2rem; font-weight: 900; cursor: pointer; box-shadow: 0 .8rem 2rem rgba(255,20,147,.22); transition: transform .2s ease, filter .2s ease; }
.pg85-btn:hover, .pg85-bottom-btn:hover { transform: translateY(-.15rem) scale(1.02); filter: brightness(1.1); }
.pg85-btn-alt { background: transparent; color: var(--pg85-text); border: .1rem solid var(--pg85-primary-soft); }
.pg85-menu-toggle { width: 4.4rem; height: 4.4rem; border: .1rem solid var(--pg85-line); border-radius: 1.4rem; background: rgba(255,255,255,.06); color: var(--pg85-text); font-size: 2.2rem; cursor: pointer; }
.pg85-desktop-nav { display: none; }
.pg85-mobile-menu { position: fixed; inset: 0; z-index: 9999; opacity: 0; pointer-events: none; transition: opacity .22s ease; }
.pg85-mobile-menu.pg85-menu-open { opacity: 1; pointer-events: auto; }
.pg85-menu-shade { position: absolute; inset: 0; background: rgba(0,0,0,.68); }
.pg85-menu-panel { position: absolute; top: 0; right: 0; width: min(85vw, 34rem); height: 100%; padding: 2rem; background: linear-gradient(180deg, #190d17, #0a0a0a); border-left: .1rem solid var(--pg85-line); transform: translateX(105%); transition: transform .24s ease; }
.pg85-menu-open .pg85-menu-panel { transform: translateX(0); }
.pg85-menu-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.6rem; }
.pg85-menu-links { display: grid; gap: .8rem; }
.pg85-menu-links a { min-height: 4.8rem; display: flex; align-items: center; gap: .8rem; padding: 0 1rem; border-radius: 1.4rem; background: rgba(255,255,255,.06); color: var(--pg85-text); }
.pg85-main { padding-top: 7.4rem; }
.pg85-hero { padding: 1.2rem 0 1.6rem; }
.pg85-kicker { display: inline-flex; align-items: center; gap: .5rem; color: var(--pg85-gold); font-size: 1.2rem; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.pg85-title { margin: 1rem 0; font-size: clamp(2.6rem, 7vw, 3.8rem); line-height: 1.02; letter-spacing: -.04em; }
.pg85-title span, .pg85-accent { color: var(--pg85-primary); }
.pg85-lead { color: var(--pg85-muted); font-size: 1.55rem; line-height: 2.35rem; }
.pg85-cta-row { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.3rem; }
.pg85-carousel { position: relative; overflow: hidden; border-radius: 2.4rem; background: var(--pg85-panel); border: .1rem solid var(--pg85-line); box-shadow: var(--pg85-shadow); }
.pg85-slide { display: none; position: relative; cursor: pointer; }
.pg85-slide.pg85-slide-active { display: block; animation: pg85Fade .35s ease; }
.pg85-slide img { aspect-ratio: 16/8.6; width: 100%; object-fit: cover; }
.pg85-slide-caption { position: absolute; left: 1rem; right: 1rem; bottom: 1rem; padding: 1rem; border-radius: 1.6rem; background: rgba(10,10,10,.74); backdrop-filter: blur(1rem); }
.pg85-dots { position: absolute; right: 1.2rem; top: 1.2rem; display: flex; gap: .5rem; }
.pg85-dot { width: .9rem; height: .9rem; border-radius: 50%; border: 0; background: rgba(255,255,255,.45); cursor: pointer; }
.pg85-dot-active { background: var(--pg85-primary); }
@keyframes pg85Fade { from { opacity: .4; transform: scale(1.02); } to { opacity: 1; transform: scale(1); } }
.pg85-section { margin: 1.4rem 0; padding: 1.5rem; border: .1rem solid var(--pg85-line); border-radius: 2.2rem; background: linear-gradient(145deg, rgba(255,20,147,.08), rgba(222,184,135,.05)), var(--pg85-panel); box-shadow: 0 1rem 2.4rem rgba(0,0,0,.25); }
.pg85-section h2 { margin: 0 0 1rem; font-size: 2.1rem; line-height: 2.5rem; }
.pg85-section h3 { margin: 1rem 0 .7rem; font-size: 1.65rem; line-height: 2.1rem; color: var(--pg85-gold); }
.pg85-section p, .pg85-section li { color: var(--pg85-muted); line-height: 2.25rem; }
.pg85-card { border: .1rem solid var(--pg85-line); border-radius: 1.8rem; background: rgba(255,255,255,.055); padding: 1.2rem; }
.pg85-mini { font-size: 1.25rem; color: var(--pg85-muted); }
.pg85-stat-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: .8rem; }
.pg85-stat { padding: 1rem .6rem; border-radius: 1.5rem; text-align: center; background: rgba(255,20,147,.13); border: .1rem solid rgba(255,20,147,.22); }
.pg85-stat strong { display: block; color: var(--pg85-gold); font-size: 1.8rem; line-height: 2.4rem; }
.pg85-game-section { margin-top: 1.2rem; }
.pg85-game-title { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 1.2rem 0 .8rem; }
.pg85-game-title h3 { margin: 0; color: var(--pg85-text); }
.pg85-game-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .9rem; }
.pg85-game { min-width: 0; text-align: center; padding: .7rem .4rem; border-radius: 1.4rem; background: rgba(255,255,255,.055); border: .1rem solid rgba(255,255,255,.08); transition: transform .2s ease, border-color .2s ease; }
.pg85-game:hover { transform: translateY(-.2rem); border-color: var(--pg85-primary); }
.pg85-game img { width: 5.4rem; height: 5.4rem; margin: 0 auto .5rem; border-radius: 1.2rem; object-fit: cover; }
.pg85-game span { display: block; color: var(--pg85-text); font-size: 1.1rem; line-height: 1.35rem; font-weight: 800; }
.pg85-feature-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: .9rem; }
.pg85-pill-list { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1rem; }
.pg85-pill { display: inline-flex; align-items: center; gap: .5rem; min-height: 3.4rem; padding: 0 1rem; border-radius: 999rem; background: rgba(222,184,135,.12); color: var(--pg85-gold); font-weight: 800; }
.pg85-timeline { display: grid; gap: 1rem; counter-reset: step; }
.pg85-step { position: relative; padding-left: 4.2rem; }
.pg85-step::before { counter-increment: step; content: counter(step); position: absolute; left: 0; top: .1rem; width: 3rem; height: 3rem; border-radius: 1rem; display: grid; place-items: center; background: var(--pg85-primary); color: #fff; font-weight: 900; }
.pg85-review { border-left: .3rem solid var(--pg85-primary); }
.pg85-footer { padding: 2rem 1.4rem 8.4rem; background: #080608; border-top: .1rem solid var(--pg85-line); }
.pg85-footer-links { display: flex; flex-wrap: wrap; gap: .7rem; margin: 1rem 0; }
.pg85-footer-links a { padding: .8rem 1rem; border-radius: 999rem; background: rgba(255,255,255,.07); color: var(--pg85-text); }
.pg85-partners { display: flex; flex-wrap: wrap; gap: .8rem; margin: 1rem 0; }
.pg85-partner { min-height: 3.4rem; padding: .8rem 1rem; border-radius: 1rem; background: rgba(222,184,135,.1); color: var(--pg85-gold); font-weight: 900; }
.pg85-bottom-nav { position: fixed; left: 50%; bottom: 0; transform: translateX(-50%); width: min(100%, 43rem); height: 6.2rem; z-index: 1000; display: flex; justify-content: space-around; align-items: stretch; background: #120911; border-top: .1rem solid rgba(255,20,147,.32); box-shadow: 0 -1rem 2rem rgba(0,0,0,.35); }
.pg85-bottom-btn { min-width: 6rem; min-height: 6rem; flex: 1; border: 0; background: transparent; color: var(--pg85-muted); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .25rem; font-size: 1.05rem; font-weight: 800; cursor: pointer; transition: transform .18s ease, color .18s ease; }
.pg85-bottom-btn i, .pg85-bottom-btn ion-icon, .pg85-bottom-btn .material-icons { font-size: 2.3rem; line-height: 2.4rem; }
.pg85-bottom-active { color: var(--pg85-primary); background: linear-gradient(180deg, rgba(255,20,147,.16), transparent); }
.pg85-badge { position: absolute; margin-left: 2.2rem; margin-top: -2.7rem; min-width: 1.7rem; height: 1.7rem; padding: 0 .4rem; border-radius: 999rem; background: var(--pg85-gold); color: #160912; font-size: 1rem; display: grid; place-items: center; }
.pg85-faq details { border: .1rem solid var(--pg85-line); border-radius: 1.4rem; padding: 1rem; background: rgba(255,255,255,.045); margin: .8rem 0; }
.pg85-faq summary { cursor: pointer; font-weight: 900; color: var(--pg85-text); min-height: 3rem; }

@media (max-width: 768px) {
  .pg85-main { padding-bottom: 8rem; }
}

@media (min-width: 769px) {
  body { background: #050505; }
  .pg85-page, .pg85-header, .pg85-bottom-nav { max-width: 112rem; width: 100%; }
  .pg85-container { width: min(100%, 112rem); }
  .pg85-bottom-nav { display: none; }
  .pg85-menu-toggle { display: none; }
  .pg85-desktop-nav { display: flex; gap: 1.2rem; align-items: center; }
  .pg85-desktop-nav a { color: var(--pg85-text); font-size: 1.3rem; }
  .pg85-hero-layout { display: grid; grid-template-columns: 1fr 1.1fr; gap: 2rem; align-items: center; }
  .pg85-game-grid { grid-template-columns: repeat(8, 1fr); }
  .pg85-feature-grid { grid-template-columns: repeat(4, 1fr); }
  .pg85-footer { padding-bottom: 2rem; }
}