<!doctype html>
<html lang="id">
<head>
  <meta charset="utf-8" />
  <meta name="google-site-verification" content="y65cXRmu4MpNM6uv27F0Pg44AECM6xSFNURaRuem4Tk" />
  <link rel="canonical" href="https://pgbet.co.uk/" />
  <link rel="amphtml" href="https://pgbet.co.uk/api/amp-page/" />
  <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>PGBET - Tempat Main PGSoft Slot Online Paling Seru &amp; Gacor</title>
  <meta name="description" content="PGBET adalah tempat main PGSoft slot paling seru dan gacor. 100+ game original, RTP tinggi, withdraw instan 24/7. Daftar 30 detik doang, langsung gas spin sepuasnya." />
  <meta name="keywords" content="PGBET, PGSoft Indonesia, game PGSoft, slot online, live casino, casino online" />
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />

  <style>
:root {
  --bg-0: #050511;
  --bg-1: #0a0b1c;
  --bg-2: #11132a;
  --bg-3: #181c3a;
  --border: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.16);

  --text: #ffffff;
  --text-muted: #b5b5c4;
  --text-dim: #7a7a92;

  --gold: #facc15;
  --gold-2: #ffb000;
  --gold-soft: rgba(250, 204, 21, 0.14);
  --purple: #a855f7;
  --purple-2: #c026d3;
  --purple-soft: rgba(168, 85, 247, 0.16);
  --cyan: #22d3ee;
  --green: #22c55e;
  --red: #ef4444;

  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 22px;
  --radius-xl: 28px;

  --shadow-sm: 0 1px 2px rgba(0,0,0,0.4);
  --shadow: 0 8px 30px rgba(0,0,0,0.45);
  --shadow-glow: 0 10px 40px rgba(168, 85, 247, 0.25), 0 0 0 1px rgba(168, 85, 247, 0.2);

  --font-head: "Poppins", "Inter", system-ui, -apple-system, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;

  --container: 1200px;
  --container-narrow: 880px;
  --header-h: 72px;
}

*, *::before, *::after { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--bg-0);
  color: var(--text);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
}

body {
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(168, 85, 247, 0.12), transparent 60%),
    radial-gradient(900px 500px at -10% 10%, rgba(250, 204, 21, 0.06), transparent 60%),
    var(--bg-0);
  min-height: 100vh;
  padding-bottom: 80px; /* room for mobile sticky CTA */
}

a { color: var(--gold); text-decoration: none; }
a:hover { color: #fff; }

img { max-width: 100%; display: block; }

h1, h2, h3, h4, h5 {
  font-family: var(--font-head);
  font-weight: 700;
  line-height: 1.15;
  margin: 0 0 .5em;
  letter-spacing: -0.01em;
  color: #fff;
  text-wrap: balance;
}
h1 { font-size: clamp(2rem, 4vw + 1rem, 3.5rem); }
h2 { font-size: clamp(1.5rem, 2vw + .8rem, 2.4rem); }
h3 { font-size: clamp(1.15rem, .8vw + .8rem, 1.5rem); }
p  { color: var(--text-muted); text-wrap: pretty; }

.container {
  width: 100%;
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 20px;
}
.container--narrow { max-width: var(--container-narrow); }

.section { padding: 64px 0; }
.section--tight { padding: 40px 0; }
@media (min-width: 768px) { .section { padding: 88px 0; } }

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gold);
  padding: 6px 12px;
  background: var(--gold-soft);
  border: 1px solid rgba(250, 204, 21, 0.25);
  border-radius: 999px;
  margin-bottom: 16px;
}
.eyebrow--purple { color: var(--purple); background: var(--purple-soft); border-color: rgba(168,85,247,.3); }

.section-head { margin-bottom: 40px; }
.section-head .lead { color: var(--text-muted); max-width: 620px; font-size: 1.05rem; }

/* ---------- Buttons ---------- */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 13px 22px;
  border-radius: 12px;
  font-family: var(--font-head);
  font-weight: 600;
  font-size: 15px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
  white-space: nowrap;
  text-decoration: none;
}
.btn:hover { transform: translateY(-1px); }
.btn:active { transform: translateY(0); }

.btn--primary {
  background: linear-gradient(135deg, #facc15 0%, #ffb000 100%);
  color: #0a0b1c;
  box-shadow: 0 8px 24px rgba(250, 204, 21, 0.25), inset 0 1px 0 rgba(255,255,255,.35);
}
.btn--primary:hover { color: #0a0b1c; box-shadow: 0 12px 32px rgba(250, 204, 21, 0.4), inset 0 1px 0 rgba(255,255,255,.35); }

.btn--secondary {
  background: rgba(255,255,255,0.06);
  color: #fff;
  border-color: var(--border-strong);
  backdrop-filter: blur(8px);
}
.btn--secondary:hover { background: rgba(255,255,255,0.1); color: #fff; }

.btn--ghost {
  background: transparent;
  color: var(--text);
  border-color: var(--border-strong);
}
.btn--ghost:hover { background: rgba(255,255,255,0.04); color: #fff; }

.btn--purple {
  background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%);
  color: #fff;
  box-shadow: 0 8px 24px rgba(168, 85, 247, 0.35);
}
.btn--purple:hover { color: #fff; }

.btn--sm { padding: 9px 14px; font-size: 13px; }
.btn--lg { padding: 16px 28px; font-size: 16px; }
.btn--block { width: 100%; }

/* ---------- Header ---------- */
.header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(5, 5, 17, 0.75);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--border);
}
.header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--header-h);
  gap: 24px;
}
.brand {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-head);
  font-weight: 800;
  letter-spacing: 0.05em;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
}
.brand img { height: 28px; width: auto; }
.brand:hover { color: #fff; }

.nav {
  display: none;
  align-items: center;
  gap: 6px;
}
@media (min-width: 980px) { .nav { display: flex; } }
.nav a {
  color: var(--text-muted);
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  transition: color .15s, background .15s;
}
.nav a:hover, .nav a.is-active {
  color: #fff;
  background: rgba(255,255,255,0.05);
}
.nav a.is-pgsoft { color: var(--gold); }

.header__actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.header__actions .btn--sm { padding: 9px 16px; }
.header__login {
  display: none;
  color: var(--text-muted);
  font-size: 14px;
  padding: 8px 12px;
  font-weight: 500;
}
@media (min-width: 540px) { .header__login { display: inline-flex; } }
.header__login:hover { color: #fff; }

.hamburger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: rgba(255,255,255,0.05);
  border: 1px solid var(--border);
  border-radius: 10px;
  cursor: pointer;
  color: #fff;
}
@media (min-width: 980px) { .hamburger { display: none; } }
.hamburger svg { width: 18px; height: 18px; }

/* mobile drawer */
.drawer {
  position: fixed;
  inset: 0;
  background: rgba(5,5,17,.85);
  backdrop-filter: blur(8px);
  z-index: 200;
  display: none;
  padding: 24px;
}
.drawer.is-open { display: block; }
.drawer__close {
  position: absolute;
  top: 18px;
  right: 18px;
  background: rgba(255,255,255,.06);
  border: 1px solid var(--border);
  border-radius: 10px;
  color: #fff;
  width: 40px; height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.drawer__nav {
  margin-top: 80px;
  display: grid;
  gap: 4px;
}
.drawer__nav a {
  display: block;
  padding: 14px 18px;
  border-radius: 12px;
  color: #fff;
  background: rgba(255,255,255,.03);
  border: 1px solid var(--border);
  font-family: var(--font-head);
  font-weight: 600;
  font-size: 17px;
}
.drawer__cta { margin-top: 16px; display: grid; gap: 10px; grid-template-columns: 1fr 1fr; }

/* ---------- Hero ---------- */
.hero {
  padding: 56px 0 64px;
  position: relative;
  overflow: hidden;
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(40% 60% at 70% 30%, rgba(168, 85, 247, 0.22), transparent 70%),
    radial-gradient(35% 50% at 15% 70%, rgba(250, 204, 21, 0.10), transparent 70%);
  pointer-events: none;
  z-index: 0;
}
.hero__inner {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 40px;
  align-items: center;
}
@media (min-width: 980px) {
  .hero__inner { grid-template-columns: 1.05fr 1fr; gap: 56px; }
  .hero { padding: 80px 0 104px; }
}
.hero__copy h1 { margin-bottom: 18px; }
.hero__copy h1 .accent {
  background: linear-gradient(135deg, #facc15 0%, #ffb000 60%, #ffd700 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.hero__copy .lead {
  font-size: 1.1rem;
  color: var(--text-muted);
  max-width: 540px;
  margin: 0 0 28px;
}
.hero__ctas { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 28px; }
.hero__chips {
  display: flex; flex-wrap: wrap; gap: 8px;
  font-size: 13px; color: var(--text-muted);
}
.hero__chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  border: 1px solid var(--border);
}
.hero__chip .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 8px var(--green); }

/* Pixel game stack visual (homepage hero) */
.hero__visual {
  position: relative;
  aspect-ratio: 1 / 1;
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
}
.phone-frame {
  position: absolute;
  inset: 8% 16% 8% 16%;
  background: linear-gradient(180deg, #1a1d3a 0%, #0c0e22 100%);
  border-radius: 36px;
  border: 1px solid rgba(255,255,255,.1);
  box-shadow:
    0 30px 80px rgba(0,0,0,.55),
    0 0 0 8px rgba(255,255,255,.03),
    inset 0 1px 0 rgba(255,255,255,.08);
  overflow: hidden;
}
.phone-frame::before {
  content: "";
  position: absolute;
  top: 12px; left: 50%;
  transform: translateX(-50%);
  width: 80px; height: 6px;
  background: #000;
  border-radius: 4px;
}
.phone-screen {
  position: absolute;
  inset: 28px 14px 14px;
  background:
    radial-gradient(60% 50% at 50% 10%, rgba(250,204,21,.18), transparent 70%),
    linear-gradient(180deg, #0e1126 0%, #060715 100%);
  border-radius: 22px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 11px;
}
.phone-screen .pheader {
  display: flex; align-items: center; justify-content: space-between;
  color: #fff; font-family: var(--font-head); font-weight: 700;
}
.phone-screen .pheader small { color: var(--gold); font-size: 9px; letter-spacing: .15em; }
.phone-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.phone-card {
  position: relative;
  aspect-ratio: 1 / 1.1;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
}
.phone-card .label {
  position: absolute; left: 6px; bottom: 6px;
  font-size: 9px; font-weight: 700; color: #fff;
  letter-spacing: .04em;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
.phone-card .badge {
  position: absolute; top: 6px; right: 6px;
  font-size: 8px; font-weight: 700; color: #0a0b1c;
  background: var(--gold); padding: 2px 6px; border-radius: 4px;
}
.phone-foot {
  margin-top: auto;
  background: linear-gradient(135deg,#facc15,#ffb000);
  color: #0a0b1c;
  text-align: center;
  font-family: var(--font-head); font-weight: 800;
  padding: 9px;
  border-radius: 8px;
  font-size: 11px;
  letter-spacing: .04em;
}
.coins {
  position: absolute;
  width: 60px; height: 60px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #fff7c2, #facc15 50%, #b08300 100%);
  box-shadow: 0 10px 30px rgba(250,204,21,.4), inset 0 -4px 8px rgba(0,0,0,.3);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-head); font-weight: 900; color: #6b4d00; font-size: 22px;
}
.coin-a { top: 6%; left: 6%; transform: rotate(-12deg); animation: floaty 4s ease-in-out infinite; }
.coin-b { bottom: 8%; right: 4%; width: 80px; height: 80px; font-size: 28px; animation: floaty 5s ease-in-out infinite 1s; }
.coin-c { top: 40%; right: 0%; width: 40px; height: 40px; font-size: 14px; animation: floaty 3.5s ease-in-out infinite .5s; }
@keyframes floaty {
  0%, 100% { transform: translateY(0) rotate(-8deg); }
  50% { transform: translateY(-10px) rotate(8deg); }
}

/* Pixel art bg dots */
.pixel-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .4;
  background-image:
    radial-gradient(circle at 10% 20%, var(--gold) 0 2px, transparent 3px),
    radial-gradient(circle at 80% 80%, var(--purple) 0 2px, transparent 3px),
    radial-gradient(circle at 30% 70%, var(--cyan) 0 2px, transparent 3px),
    radial-gradient(circle at 70% 30%, var(--gold) 0 1.5px, transparent 2.5px);
}

/* ---------- Trust bar ---------- */
.trustbar {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: var(--border);
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid var(--border);
}
@media (min-width: 720px) { .trustbar { grid-template-columns: repeat(5, 1fr); } }
.trustbar__item {
  background: var(--bg-1);
  padding: 22px 18px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.trustbar__icon {
  width: 38px; height: 38px;
  background: var(--gold-soft);
  color: var(--gold);
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
}
.trustbar__icon svg { width: 18px; height: 18px; }
.trustbar__text { font-family: var(--font-head); font-weight: 600; color: #fff; font-size: 14px; }

/* ---------- Cards / Game grid ---------- */
.grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 640px) { .grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 980px) { .grid { grid-template-columns: repeat(4, 1fr); } }
.grid--3 { grid-template-columns: repeat(1, 1fr); }
@media (min-width: 640px) { .grid--3 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 980px) { .grid--3 { grid-template-columns: repeat(3, 1fr); } }
.grid--6 { grid-template-columns: repeat(2, 1fr); }
@media (min-width: 720px) { .grid--6 { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 980px) { .grid--6 { grid-template-columns: repeat(6, 1fr); } }

.game-card {
  position: relative;
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
  display: flex; flex-direction: column;
}
.game-card:hover {
  transform: translateY(-4px);
  border-color: rgba(250, 204, 21, 0.35);
  box-shadow: 0 18px 40px rgba(0,0,0,.4);
}
.game-card__thumb {
  position: relative;
  aspect-ratio: 4 / 5;
  overflow: hidden;
}
.game-card__thumb .badge {
  position: absolute; top: 10px; left: 10px;
  background: rgba(0,0,0,.6); color: var(--gold);
  font-size: 10px; font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase;
  padding: 5px 8px; border-radius: 6px;
  border: 1px solid rgba(250,204,21,.4);
  backdrop-filter: blur(6px);
}
.game-card__thumb .play {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  opacity: 0; transition: opacity .2s;
}
.game-card:hover .play { opacity: 1; }
.game-card__thumb .play span {
  width: 48px; height: 48px; border-radius: 50%;
  background: var(--gold); color: #0a0b1c;
  display: flex; align-items: center; justify-content: center;
  font-size: 14px;
  box-shadow: 0 8px 20px rgba(250,204,21,.5);
}
.game-card__body { padding: 14px; display: flex; flex-direction: column; gap: 6px; }
.game-card__title { font-family: var(--font-head); font-weight: 700; color: #fff; font-size: 15px; margin: 0; }
.game-card__meta { display: flex; align-items: center; gap: 8px; font-size: 11px; color: var(--text-dim); font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .1em; }
.game-card__desc { font-size: 12px; color: var(--text-muted); margin: 4px 0 0; line-height: 1.5; }
.game-card__actions { display: flex; gap: 8px; margin-top: 12px; }
.game-card__actions .btn { flex: 1; padding: 9px 10px; font-size: 12px; }
.game-card .link {
  color: var(--text-muted);
  font-size: 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 9px 10px;
  text-align: center;
  font-weight: 600;
  font-family: var(--font-head);
}
.game-card .link:hover { color: #fff; border-color: var(--border-strong); }


/* Ensure real game icon images fill the card thumbnail correctly */
.game-card__thumb > img,
.game-card__thumb > a > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  display: block;
}
/* Game thumbnail visual (placeholder) */
.thumb-art {
  position: absolute; inset: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
}
.thumb-art::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(180deg, transparent 50%, rgba(0,0,0,.5) 100%);
}
.thumb-art .glyph {
  font-family: var(--font-head);
  font-weight: 900;
  font-size: 56px;
  color: rgba(255,255,255,.92);
  letter-spacing: -0.04em;
  text-shadow: 0 4px 18px rgba(0,0,0,.5);
  z-index: 1;
}
.thumb-art .subglyph {
  position: absolute; bottom: 10px; left: 14px;
  font-family: var(--font-mono); font-size: 10px;
  color: rgba(255,255,255,.7); letter-spacing: .15em;
  text-transform: uppercase; z-index: 2;
}
.thumb-art .grid-decor {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 24px 24px;
  opacity: .5;
}

/* Theme color presets (rotated across games) */
.t-rose    { background: linear-gradient(135deg, #7f1d1d 0%, #be123c 50%, #f59e0b 100%); }
.t-jade    { background: linear-gradient(135deg, #064e3b 0%, #047857 50%, #34d399 100%); }
.t-amber   { background: linear-gradient(135deg, #422006 0%, #b45309 50%, #fbbf24 100%); }
.t-violet  { background: linear-gradient(135deg, #2e1065 0%, #6d28d9 50%, #c4b5fd 100%); }
.t-azure   { background: linear-gradient(135deg, #082f49 0%, #0369a1 50%, #38bdf8 100%); }
.t-magenta { background: linear-gradient(135deg, #4a044e 0%, #a21caf 50%, #f472b6 100%); }
.t-citrus  { background: linear-gradient(135deg, #14532d 0%, #65a30d 50%, #facc15 100%); }
.t-ember   { background: linear-gradient(135deg, #450a0a 0%, #b91c1c 50%, #fde047 100%); }
.t-ocean   { background: linear-gradient(135deg, #0c1e3f 0%, #155e75 50%, #67e8f9 100%); }
.t-royal   { background: linear-gradient(135deg, #1e1b4b 0%, #4338ca 50%, #818cf8 100%); }

/* ---------- Generic cards ---------- */
.card {
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 28px;
  transition: border-color .2s, transform .2s, box-shadow .2s;
}
.card:hover { border-color: var(--border-strong); }
.card--feature h3 { font-size: 1.15rem; margin-bottom: 8px; }
.card--feature .num {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .15em;
  color: var(--gold);
  display: block;
  margin-bottom: 10px;
}

.icon-tile {
  width: 48px; height: 48px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--gold-soft);
  color: var(--gold);
  margin-bottom: 16px;
  border: 1px solid rgba(250, 204, 21, 0.2);
}
.icon-tile svg { width: 22px; height: 22px; }
.icon-tile--purple { background: var(--purple-soft); color: var(--purple); border-color: rgba(168,85,247,.25); }

/* Category card */
.cat-card {
  background:
    linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,0));
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 22px;
  display: flex; flex-direction: column;
  gap: 8px;
  transition: transform .2s, border-color .2s, background .2s;
}
.cat-card:hover { transform: translateY(-3px); border-color: rgba(250,204,21,.35); }
.cat-card .icon-tile { margin-bottom: 8px; }
.cat-card__name { font-family: var(--font-head); font-weight: 700; color: #fff; font-size: 1.05rem; }
.cat-card__count { font-size: 12px; color: var(--text-dim); font-family: var(--font-mono); letter-spacing: .12em; text-transform: uppercase; }
.cat-card__arrow {
  margin-top: 12px; color: var(--gold); font-size: 13px;
  display: inline-flex; align-items: center; gap: 6px;
}

/* Promo card */
.promo-card {
  position: relative;
  background:
    radial-gradient(120% 80% at 100% 0%, rgba(250,204,21,.15), transparent 60%),
    linear-gradient(135deg, rgba(168,85,247,.18), rgba(168,85,247,0) 50%),
    var(--bg-1);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 26px;
  overflow: hidden;
}
.promo-card__tag {
  display: inline-block;
  font-family: var(--font-mono); font-size: 10px;
  letter-spacing: .2em; text-transform: uppercase;
  color: var(--gold);
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--gold-soft);
  border: 1px solid rgba(250,204,21,.3);
}
.promo-card h3 { margin-top: 16px; font-size: 1.3rem; }
.promo-card .pct {
  font-family: var(--font-head);
  font-weight: 900;
  font-size: 2.4rem;
  background: linear-gradient(135deg,#facc15,#ffb000);
  -webkit-background-clip: text;
  background-clip: text; color: transparent;
}
.promo-card p { font-size: .92rem; margin: 6px 0 14px; }
.promo-card__terms { font-size: 11px; color: var(--text-dim); margin-top: 8px; }

/* Blog card */
.blog-card {
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex; flex-direction: column;
  transition: transform .2s, border-color .2s;
}
.blog-card:hover { transform: translateY(-3px); border-color: var(--border-strong); }
.blog-card__thumb { aspect-ratio: 16 / 9; position: relative; overflow: hidden; }
.blog-card__body { padding: 20px; display: flex; flex-direction: column; flex: 1; gap: 8px; }
.blog-card__meta {
  display: flex; align-items: center; gap: 10px;
  font-size: 11px; color: var(--text-dim); font-family: var(--font-mono);
  text-transform: uppercase; letter-spacing: .12em;
}
.blog-card__meta .cat { color: var(--purple); }
.blog-card h3 {
  font-size: 1.1rem; margin: 4px 0;
  color: #fff; transition: color .15s;
}
.blog-card:hover h3 { color: var(--gold); }
.blog-card__excerpt { color: var(--text-muted); font-size: .9rem; flex: 1; }
.blog-card__more {
  margin-top: 10px; color: var(--gold); font-size: 13px;
  font-weight: 600; display: inline-flex; gap: 6px;
}

/* ---------- FAQ accordion ---------- */
.faq { display: flex; flex-direction: column; gap: 10px; }
.faq__item {
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
}
.faq__q {
  width: 100%;
  text-align: left;
  background: transparent;
  border: 0;
  color: #fff;
  padding: 18px 22px;
  font-family: var(--font-head);
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.faq__q::after {
  content: "+";
  font-family: var(--font-mono);
  font-size: 22px;
  color: var(--gold);
  transition: transform .2s;
  font-weight: 300;
  line-height: 1;
}
.faq__item[open] .faq__q::after { content: "−"; }
.faq__a {
  padding: 0 22px 20px;
  color: var(--text-muted);
  font-size: .95rem;
  line-height: 1.6;
}

/* ---------- Steps ---------- */
.steps {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr;
  counter-reset: step;
}
@media (min-width: 720px) { .steps { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 980px) { .steps { grid-template-columns: repeat(4, 1fr); } }
.steps--list { grid-template-columns: 1fr; }
.step {
  position: relative;
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 22px;
}
.step__num {
  font-family: var(--font-head);
  font-weight: 800;
  font-size: 2rem;
  background: linear-gradient(135deg,#facc15,#ffb000);
  -webkit-background-clip: text;
  background-clip: text; color: transparent;
  display: block;
  margin-bottom: 6px;
  line-height: 1;
}
.step h3 { font-size: 1.05rem; margin-bottom: 6px; }
.step p { font-size: .9rem; margin: 0; }

/* ---------- Breadcrumbs ---------- */
.breadcrumb {
  padding: 18px 0;
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--text-dim);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.breadcrumb ol { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.breadcrumb a { color: var(--text-muted); }
.breadcrumb a:hover { color: var(--gold); }
.breadcrumb li + li::before { content: "/"; color: var(--text-dim); margin-right: 8px; }
.breadcrumb [aria-current="page"] { color: var(--gold); }

/* ---------- Final CTA block ---------- */
.cta-block {
  position: relative;
  background:
    radial-gradient(100% 80% at 50% 0%, rgba(168, 85, 247, 0.28), transparent 70%),
    linear-gradient(135deg, #14152b, #0a0b1c);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-xl);
  padding: 56px 28px;
  text-align: center;
  overflow: hidden;
}
.cta-block::before {
  content: "";
  position: absolute; inset: 0;
  background-image:
    radial-gradient(circle at 12% 30%, rgba(250,204,21,.5) 0 2px, transparent 3px),
    radial-gradient(circle at 88% 70%, rgba(168,85,247,.6) 0 2px, transparent 3px),
    radial-gradient(circle at 50% 90%, rgba(34,211,238,.5) 0 1.5px, transparent 2.5px);
  background-size: 200px 200px;
  opacity: .8;
  pointer-events: none;
}
.cta-block h2 { font-size: clamp(1.5rem, 2vw + 1rem, 2.2rem); position: relative; }
.cta-block p { margin: 12px auto 24px; max-width: 560px; position: relative; }
.cta-block__btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; position: relative; }

/* ---------- Filter / Search ---------- */
.filterbar {
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 28px;
}
@media (min-width: 720px) { .filterbar { flex-direction: row; align-items: center; } }
.filterbar__search {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--bg-2);
  border-radius: 10px;
  padding: 0 14px;
  border: 1px solid var(--border);
}
.filterbar__search input {
  background: transparent; border: 0;
  color: #fff; flex: 1;
  padding: 12px 0;
  font-family: var(--font-body);
  font-size: 14px;
  outline: none;
}
.filterbar__search input::placeholder { color: var(--text-dim); }
.filterbar__search svg { width: 16px; height: 16px; color: var(--text-dim); }
.filter-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.filter-chip {
  background: var(--bg-2);
  border: 1px solid var(--border);
  color: var(--text-muted);
  padding: 9px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-family: var(--font-head);
  font-weight: 500;
  cursor: pointer;
  transition: background .15s, color .15s, border-color .15s;
}
.filter-chip:hover, .filter-chip.is-active {
  background: var(--gold-soft);
  color: var(--gold);
  border-color: rgba(250,204,21,.35);
}

/* ---------- Footer ---------- */
.footer {
  background: linear-gradient(180deg, var(--bg-0) 0%, #02020a 100%);
  border-top: 1px solid var(--border);
  margin-top: 80px;
  padding: 64px 0 32px;
}
.footer__grid {
  display: grid;
  gap: 32px;
  grid-template-columns: 1fr;
}
@media (min-width: 720px) { .footer__grid { grid-template-columns: 1.4fr 1fr 1fr 1fr; } }
.footer__brand p { font-size: 14px; margin: 14px 0; }
.footer__col h4 {
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 12px;
  color: var(--text-dim);
  margin-bottom: 14px;
}
.footer__col ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.footer__col a { color: var(--text-muted); font-size: 14px; }
.footer__col a:hover { color: var(--gold); }
.footer__bottom {
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  gap: 18px;
  font-size: 12px;
  color: var(--text-dim);
}
@media (min-width: 720px) { .footer__bottom { flex-direction: row; align-items: center; justify-content: space-between; } }
.footer__age {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 8px 12px;
  background: rgba(239,68,68,.08);
  border: 1px solid rgba(239,68,68,.3);
  border-radius: 10px;
  color: #fca5a5;
  font-weight: 600;
  font-size: 12px;
}
.footer__age .pill {
  background: var(--red); color: #fff;
  font-weight: 800; font-family: var(--font-head);
  padding: 2px 8px; border-radius: 6px;
  font-size: 11px;
}

/* ---------- Mobile sticky CTA ---------- */
.sticky-cta {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 90;
  display: flex;
  gap: 10px;
  padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
  background: rgba(5, 5, 17, 0.92);
  backdrop-filter: blur(12px);
  border-top: 1px solid var(--border);
}
.sticky-cta .btn { flex: 1; padding: 12px; font-size: 14px; }
@media (min-width: 980px) { .sticky-cta { display: none; } }

/* ---------- Floating support button ---------- */
.support-fab {
  position: fixed;
  right: 18px;
  bottom: 92px;
  z-index: 95;
  width: 56px; height: 56px;
  border-radius: 50%;
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 12px 32px rgba(34,197,94,.5);
  border: 0;
  cursor: pointer;
}
.support-fab:hover { color: #fff; transform: scale(1.05); }
.support-fab svg { width: 26px; height: 26px; }
@media (min-width: 980px) { .support-fab { bottom: 24px; right: 24px; } }
.support-fab::after {
  content: "";
  position: absolute; inset: -6px;
  border-radius: 50%;
  border: 2px solid rgba(34,197,94,.35);
  animation: ping 1.8s ease-out infinite;
}
@keyframes ping {
  0% { transform: scale(.85); opacity: 1; }
  100% { transform: scale(1.3); opacity: 0; }
}

/* ---------- Two-column page layout (game/article) ---------- */
.page-grid {
  display: grid;
  gap: 32px;
  grid-template-columns: 1fr;
}
@media (min-width: 980px) {
  .page-grid--game { grid-template-columns: 1.5fr 1fr; align-items: start; }
  .page-grid--blog { grid-template-columns: 2fr 1fr; align-items: start; }
}
.side-card {
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 22px;
}
.side-card h4 {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--text-dim);
  font-family: var(--font-mono);
  margin-bottom: 14px;
}
.spec {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px dashed var(--border);
  font-size: 14px;
}
.spec:last-child { border: 0; }
.spec span:first-child { color: var(--text-muted); }
.spec span:last-child { color: #fff; font-weight: 600; }

/* Game hero panel */
.game-hero {
  position: relative;
  border-radius: var(--radius-xl);
  overflow: hidden;
  border: 1px solid var(--border);
  padding: 0;
  aspect-ratio: 16 / 9;
}
.game-hero .thumb-art .glyph { font-size: 88px; }

/* Article body styles */
.prose { color: var(--text-muted); font-size: 1rem; line-height: 1.75; }
.prose h2 { margin-top: 36px; font-size: 1.5rem; color: #fff; }
.prose h3 { margin-top: 24px; font-size: 1.2rem; color: #fff; }
.prose p { margin: 14px 0; }
.prose ul, .prose ol { padding-left: 22px; margin: 14px 0; }
.prose li { margin: 6px 0; }
.prose a { color: var(--gold); border-bottom: 1px dashed rgba(250,204,21,.4); }
.prose a:hover { color: #fff; border-color: #fff; }
.prose strong { color: #fff; }
.prose blockquote {
  margin: 20px 0;
  padding: 16px 20px;
  background: var(--gold-soft);
  border-left: 3px solid var(--gold);
  border-radius: 8px;
  color: #fff;
}

.toc {
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 20px;
  margin-bottom: 24px;
}
.toc h4 { margin: 0 0 10px; font-size: 12px; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .14em; color: var(--text-dim); }
.toc ol { margin: 0; padding-left: 18px; font-size: 14px; color: var(--text-muted); }
.toc a { color: var(--text-muted); }
.toc a:hover { color: var(--gold); }

/* Tabs */
.tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--border);
  padding-bottom: 12px;
}
.tabs a {
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 13px;
  color: var(--text-muted);
  background: rgba(255,255,255,.03);
  border: 1px solid var(--border);
  font-weight: 600;
}
.tabs a.is-active, .tabs a:hover { color: var(--gold); border-color: rgba(250,204,21,.3); background: var(--gold-soft); }

/* Pagination */
.pagination {
  display: flex; justify-content: center; gap: 6px;
  margin-top: 32px;
}
.pagination a {
  min-width: 38px; height: 38px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 10px;
  background: var(--bg-1);
  border: 1px solid var(--border);
  color: var(--text-muted);
  font-family: var(--font-head); font-weight: 600;
  font-size: 14px;
  padding: 0 12px;
}
.pagination a.is-active, .pagination a:hover { background: var(--gold-soft); color: var(--gold); border-color: rgba(250,204,21,.3); }

/* Newsletter */
.newsletter {
  background: linear-gradient(135deg, rgba(168,85,247,.16), rgba(168,85,247,0)), var(--bg-1);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 26px;
}
.newsletter form { display: flex; gap: 8px; margin-top: 14px; }
.newsletter input {
  flex: 1;
  background: var(--bg-2);
  border: 1px solid var(--border);
  color: #fff;
  padding: 10px 14px;
  border-radius: 10px;
  outline: none;
  font-family: var(--font-body);
  font-size: 14px;
}

/* Helpers */
.row { display: flex; flex-wrap: wrap; gap: 12px; }
.center { text-align: center; }
.mt-0 { margin-top: 0; }
.mt-2 { margin-top: 16px; }
.mt-4 { margin-top: 32px; }
.mb-0 { margin-bottom: 0; }

/* Responsible play banner inline */
.responsible-note {
  display: flex; gap: 14px;
  background: rgba(239,68,68,.06);
  border: 1px solid rgba(239,68,68,.25);
  border-radius: var(--radius);
  padding: 16px 18px;
  margin: 24px 0;
  color: #fda4af;
  font-size: 14px;
  align-items: flex-start;
}
.responsible-note .pill {
  background: var(--red); color: #fff;
  font-weight: 800; padding: 2px 8px; border-radius: 6px;
  font-size: 11px; flex: none;
}

/* Featured article hero */
.featured-article {
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 32px;
}
@media (min-width: 820px) { .featured-article { grid-template-columns: 1.2fr 1fr; } }
.featured-article__media { aspect-ratio: 16 / 9; position: relative; }
@media (min-width: 820px) { .featured-article__media { aspect-ratio: auto; height: 100%; } }
.featured-article__body { padding: 32px; display: flex; flex-direction: column; gap: 12px; justify-content: center; }
.featured-article__body h2 { font-size: 1.6rem; }

/* Focus styles */
:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; border-radius: 4px; }

/* Hide auth buttons in header on mobile — only show on desktop (hamburger range) */
.header__login,
.header__actions .btn--primary.btn--sm {
  display: none !important;
}
@media (min-width: 980px) {
  .header__login,
  .header__actions .btn--primary.btn--sm {
    display: inline-flex !important;
  }
}

/* Equal-width hero CTA buttons */
.hero__ctas {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: stretch;
}
@media (min-width: 540px) {
  .hero__ctas {
    flex-direction: row;
    align-items: center;
  }
  .hero__ctas .btn {
    flex: 1;
    text-align: center;
    justify-content: center;
  }
}
</style>
  <!-- PGBET-JSONLD-START -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "@id": "https://pgbet.co.uk/#website",
  "url": "https://pgbet.co.uk",
  "name": "PGBET",
  "description": "PGBET menghadirkan hiburan mobile-first dengan akses cepat, tampilan responsif, dan layanan tepercaya sebagai official partner PGSoft Indonesia sejak 2020.",
  "inLanguage": "id-ID",
  "publisher": {
    "@type": "Organization",
    "@id": "https://pgbet.co.uk/#organization",
    "name": "PGBET",
    "url": "https://pgbet.co.uk",
    "logo": {
      "@type": "ImageObject",
      "url": "https://pgbet.co.uk/assets/logo.webp"
    },
    "sameAs": [],
    "foundingDate": "2020",
    "contactPoint": {
      "@type": "ContactPoint",
      "contactType": "customer support",
      "url": "https://t.me/@Pgbbaru"
    }
  },
  "potentialAction": {
    "@type": "SearchAction",
    "target": {
      "@type": "EntryPoint",
      "urlTemplate": "https://pgbet.co.uk/blog/?q={search_term_string}"
    },
    "query-input": "required name=search_term_string"
  }
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "@id": "https://pgbet.co.uk/#organization",
  "name": "PGBET",
  "url": "https://pgbet.co.uk",
  "logo": {
    "@type": "ImageObject",
    "url": "https://pgbet.co.uk/assets/logo.webp"
  },
  "sameAs": [],
  "foundingDate": "2020",
  "contactPoint": {
    "@type": "ContactPoint",
    "contactType": "customer support",
    "url": "https://t.me/@Pgbbaru"
  }
}
</script>
<!-- PGBET-JSONLD-END -->
  <meta property="og:type" content="website" />
  <meta property="og:site_name" content="PGBET" />
  <meta property="og:locale" content="id_ID" />
  <meta property="og:url" content="https://pgbet.co.uk/" />
  <meta property="og:title" content="PGBET - Tempat Main PGSoft Slot Online Paling Seru &amp; Gacor" />
  <meta property="og:description" content="PGBET adalah tempat main PGSoft slot paling seru dan gacor. 100+ game original, RTP tinggi, withdraw instan 24/7. Daftar 30 detik doang, langsung gas spin sepuasnya." />
  <meta property="og:image" content="/manus-storage/pgbet-og-homepage_4bf18ea3.png" />
  <meta property="og:image:width" content="1536" />
  <meta property="og:image:height" content="1024" />
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:site" content="@pgbetofficial" />
  <meta name="twitter:title" content="PGBET - Tempat Main PGSoft Slot Online Paling Seru &amp; Gacor" />
  <meta name="twitter:description" content="PGBET adalah tempat main PGSoft slot paling seru dan gacor. 100+ game original, RTP tinggi, withdraw instan 24/7. Daftar 30 detik doang, langsung gas spin sepuasnya." />
  <meta name="twitter:image" content="/manus-storage/pgbet-og-homepage_4bf18ea3.png" />
<link rel="manifest" href="/__manus/pwa/manifest.webmanifest" crossorigin="use-credentials" /></head>
<body data-active="home" data-screen-label="01 Homepage" data-depth="0">

  <!-- ============== HERO ============== -->
  <section class="hero">
    <div class="container">
      <div class="hero__inner">
        <div class="hero__copy">
          <span class="eyebrow">Situs PGBET Adalah</span>
          <h1>Tempat Main <span class="accent">PGSoft</span> Slot Terlengkap Se-Nusantara</h1>
          <p class="lead">Mainkan berbagai game PGSoft populer, slot online, live casino, dan promosi eksklusif dalam satu platform casino online yang mobile-friendly.</p>
          <div class="hero__ctas">
            <a href="http://pgb.zone/link1?path=/mobile/register" rel="nofollow noreferrer noopener" target="_blank" class="btn btn--primary btn--lg">Daftar Sekarang →</a>
            <a href="pgsoft-games/" class="btn btn--secondary btn--lg">Lihat Slot PGSoft</a>
          </div>
          <div class="hero__chips">
            <span class="hero__chip"><span class="dot"></span>Support 24/7</span>
            <span class="hero__chip">⚡ Proses Cepat</span>
            <span class="hero__chip">📱 Mobile-First</span>
            <span class="hero__chip">🎮 20+ Game PGSoft</span>
          </div>
        </div>

        <div class="hero__visual" aria-hidden="true">
          <div class="pixel-bg"></div>
          <div class="coins coin-a">$</div>
          <div class="coins coin-b">★</div>
          <div class="coins coin-c">¥</div>
          <div class="phone-frame">
            <div class="phone-screen">
              <div class="pheader">
                <span>PGBET</span>
                <small>LOBBY</small>
              </div>
              <div class="phone-grid">
                <div class="phone-card t-rose">
                  <div class="thumb-art"><span class="glyph" style="font-size:30px;">麻</span></div>
                  <span class="badge">HOT</span>
                  <span class="label">Mahjong Ways</span>
                </div>
                <div class="phone-card t-ember">
                  <div class="thumb-art"><span class="glyph" style="font-size:30px;">🐅</span></div>
                  <span class="label">Fortune Tiger</span>
                </div>
                <div class="phone-card t-violet">
                  <div class="thumb-art"><span class="glyph" style="font-size:30px;">🐲</span></div>
                  <span class="label">Dragon Hatch</span>
                </div>
                <div class="phone-card t-magenta">
                  <div class="thumb-art"><span class="glyph" style="font-size:30px;">🍬</span></div>
                  <span class="label">Candy Bonanza</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ============== TRUST BAR ============== -->
  <section class="section section--tight">
    <div class="container">
      <div class="trustbar">
        <div class="trustbar__item">
          <span class="trustbar__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2l3 6 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1z"/></svg></span>
          <span class="trustbar__text">Fokus Game PGSoft</span>
        </div>
        <div class="trustbar__item">
          <span class="trustbar__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="7" y="2" width="10" height="20" rx="2"/><circle cx="12" cy="18" r="1" fill="currentColor"/></svg></span>
          <span class="trustbar__text">Mobile Friendly</span>
        </div>
        <div class="trustbar__item">
          <span class="trustbar__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"/></svg></span>
          <span class="trustbar__text">Support 24/7</span>
        </div>
        <div class="trustbar__item">
          <span class="trustbar__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M13 2L3 14h7v8l10-12h-7z"/></svg></span>
          <span class="trustbar__text">Proses Cepat</span>
        </div>
        <div class="trustbar__item">
          <span class="trustbar__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="14" rx="2"/><path d="M7 8h.01M11 8h.01M15 8h.01"/></svg></span>
          <span class="trustbar__text">Banyak Pilihan Game</span>
        </div>
      </div>
    </div>
  </section>

  <!-- ============== FEATURED PGSOFT GAMES ============== -->
  <section class="section">
    <div class="container">
      <div class="section-head row" style="justify-content:space-between; align-items:flex-end;">
        <div>
          <span class="eyebrow">PGSoft Spotlight</span>
          <h2>Game PGSoft Populer di PGBET</h2>
          <p class="lead">20+ judul terkurasi . Masing-masing dengan halaman detail, panduan, dan tips bermain.</p>
        </div>
        <a href="pgsoft-games/" class="btn btn--ghost btn--sm">Lihat Semua →</a>
      </div>
      <div class="grid" id="featured-games"></div>
    </div>
  </section>

  <!-- ============== PGBET MUSIC ============== -->
  <section class="section" id="pgbet-music" style="background:linear-gradient(180deg,transparent,rgba(168,85,247,0.04),transparent);">
    <div class="container">
      <div class="section-head">
        <span class="eyebrow eyebrow--purple">PGBET Original</span>
        <h2>Musik Eksklusif dari PGBET</h2>
        <p class="lead">Nikmati koleksi musik orisinal yang diciptakan khusus oleh PGBET untuk menemani sesi bermain Anda.</p>
      </div>
      <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;" id="music-player-grid">

        <!-- Track 1: Dreams of Macau -->
        <div class="music-card" data-track="0" style="background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s,box-shadow .2s;">
          <div style="position:relative;aspect-ratio:1/1;overflow:hidden;">
            <img src="/manus-storage/album-dreams-of-macau_f3034acc.webp" alt="Dreams of Macau by PGBET" loading="lazy" style="width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;">
            <button class="music-card__play-btn" aria-label="Play Dreams of Macau" style="position:absolute;inset:0;width:100%;height:100%;background:rgba(0,0,0,0.35);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;">
              <span style="width:52px;height:52px;border-radius:50%;background:rgba(250,204,21,0.9);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(250,204,21,0.5);">
                <svg class="icon-play" viewBox="0 0 24 24" fill="#0a0b1c" width="22" height="22"><polygon points="7,4 20,12 7,20"/></svg>
                <svg class="icon-pause" viewBox="0 0 24 24" fill="#0a0b1c" width="22" height="22" style="display:none"><rect x="6" y="4" width="4" height="16"/><rect x="14" y="4" width="4" height="16"/></svg>
              </span>
            </button>
          </div>
          <div style="padding:14px 16px 16px;">
            <p style="font-family:var(--font-head);font-weight:700;font-size:0.95rem;color:#fff;margin:0 0 2px;">Dreams of Macau</p>
            <p style="font-size:0.78rem;color:var(--text-dim);margin:0 0 10px;">PGBET</p>
            <div class="music-card__progress-bar" style="height:4px;background:rgba(255,255,255,0.1);border-radius:2px;cursor:pointer;margin-bottom:6px;">
              <div class="music-card__progress-fill" style="height:100%;width:0%;background:linear-gradient(90deg,var(--gold),var(--purple));border-radius:2px;transition:width .1s linear;"></div>
            </div>
            <div style="display:flex;justify-content:space-between;font-size:0.7rem;color:var(--text-dim);">
              <span class="music-card__current">0:00</span><span class="music-card__duration">--:--</span>
            </div>
          </div>
          <audio preload="none" data-src="/manus-storage/DreamsofMacau-PGBET_8e69df39.mp3"></audio>
        </div>

        <!-- Track 2: Gas Terus -->
        <div class="music-card" data-track="1" style="background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s,box-shadow .2s;">
          <div style="position:relative;aspect-ratio:1/1;overflow:hidden;">
            <img src="/manus-storage/album-gas-terus_5efcb034.webp" alt="Gas Terus by PGBET" loading="lazy" style="width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;">
            <button class="music-card__play-btn" aria-label="Play Gas Terus" style="position:absolute;inset:0;width:100%;height:100%;background:rgba(0,0,0,0.35);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;">
              <span style="width:52px;height:52px;border-radius:50%;background:rgba(250,204,21,0.9);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(250,204,21,0.5);">
                <svg class="icon-play" viewBox="0 0 24 24" fill="#0a0b1c" width="22" height="22"><polygon points="7,4 20,12 7,20"/></svg>
                <svg class="icon-pause" viewBox="0 0 24 24" fill="#0a0b1c" width="22" height="22" style="display:none"><rect x="6" y="4" width="4" height="16"/><rect x="14" y="4" width="4" height="16"/></svg>
              </span>
            </button>
          </div>
          <div style="padding:14px 16px 16px;">
            <p style="font-family:var(--font-head);font-weight:700;font-size:0.95rem;color:#fff;margin:0 0 2px;">Gas Terus</p>
            <p style="font-size:0.78rem;color:var(--text-dim);margin:0 0 10px;">PGBET</p>
            <div class="music-card__progress-bar" style="height:4px;background:rgba(255,255,255,0.1);border-radius:2px;cursor:pointer;margin-bottom:6px;">
              <div class="music-card__progress-fill" style="height:100%;width:0%;background:linear-gradient(90deg,var(--gold),var(--purple));border-radius:2px;transition:width .1s linear;"></div>
            </div>
            <div style="display:flex;justify-content:space-between;font-size:0.7rem;color:var(--text-dim);">
              <span class="music-card__current">0:00</span><span class="music-card__duration">--:--</span>
            </div>
          </div>
          <audio preload="none" data-src="/manus-storage/GasTerus-PGBET_246da1de.mp3"></audio>
        </div>

        <!-- Track 3: Lucky Neko -->
        <div class="music-card" data-track="2" style="background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s,box-shadow .2s;">
          <div style="position:relative;aspect-ratio:1/1;overflow:hidden;">
            <img src="/manus-storage/album-lucky-neko_1588de77.webp" alt="Lucky Neko by PGBET" loading="lazy" style="width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;">
            <button class="music-card__play-btn" aria-label="Play Lucky Neko" style="position:absolute;inset:0;width:100%;height:100%;background:rgba(0,0,0,0.35);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;">
              <span style="width:52px;height:52px;border-radius:50%;background:rgba(250,204,21,0.9);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(250,204,21,0.5);">
                <svg class="icon-play" viewBox="0 0 24 24" fill="#0a0b1c" width="22" height="22"><polygon points="7,4 20,12 7,20"/></svg>
                <svg class="icon-pause" viewBox="0 0 24 24" fill="#0a0b1c" width="22" height="22" style="display:none"><rect x="6" y="4" width="4" height="16"/><rect x="14" y="4" width="4" height="16"/></svg>
              </span>
            </button>
          </div>
          <div style="padding:14px 16px 16px;">
            <p style="font-family:var(--font-head);font-weight:700;font-size:0.95rem;color:#fff;margin:0 0 2px;">Lucky Neko</p>
            <p style="font-size:0.78rem;color:var(--text-dim);margin:0 0 10px;">PGBET</p>
            <div class="music-card__progress-bar" style="height:4px;background:rgba(255,255,255,0.1);border-radius:2px;cursor:pointer;margin-bottom:6px;">
              <div class="music-card__progress-fill" style="height:100%;width:0%;background:linear-gradient(90deg,var(--gold),var(--purple));border-radius:2px;transition:width .1s linear;"></div>
            </div>
            <div style="display:flex;justify-content:space-between;font-size:0.7rem;color:var(--text-dim);">
              <span class="music-card__current">0:00</span><span class="music-card__duration">--:--</span>
            </div>
          </div>
          <audio preload="none" data-src="/manus-storage/LuckyNeko-PGBET_9c57d2ee.mp3"></audio>
        </div>

        <!-- Track 4: Mahjong Ways -->
        <div class="music-card" data-track="3" style="background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s,box-shadow .2s;">
          <div style="position:relative;aspect-ratio:1/1;overflow:hidden;">
            <img src="/manus-storage/album-mahjong-ways_db0ff27e.webp" alt="Mahjong Ways by PGBET" loading="lazy" style="width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;">
            <button class="music-card__play-btn" aria-label="Play Mahjong Ways" style="position:absolute;inset:0;width:100%;height:100%;background:rgba(0,0,0,0.35);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;">
              <span style="width:52px;height:52px;border-radius:50%;background:rgba(250,204,21,0.9);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(250,204,21,0.5);">
                <svg class="icon-play" viewBox="0 0 24 24" fill="#0a0b1c" width="22" height="22"><polygon points="7,4 20,12 7,20"/></svg>
                <svg class="icon-pause" viewBox="0 0 24 24" fill="#0a0b1c" width="22" height="22" style="display:none"><rect x="6" y="4" width="4" height="16"/><rect x="14" y="4" width="4" height="16"/></svg>
              </span>
            </button>
          </div>
          <div style="padding:14px 16px 16px;">
            <p style="font-family:var(--font-head);font-weight:700;font-size:0.95rem;color:#fff;margin:0 0 2px;">Mahjong Ways</p>
            <p style="font-size:0.78rem;color:var(--text-dim);margin:0 0 10px;">PGBET</p>
            <div class="music-card__progress-bar" style="height:4px;background:rgba(255,255,255,0.1);border-radius:2px;cursor:pointer;margin-bottom:6px;">
              <div class="music-card__progress-fill" style="height:100%;width:0%;background:linear-gradient(90deg,var(--gold),var(--purple));border-radius:2px;transition:width .1s linear;"></div>
            </div>
            <div style="display:flex;justify-content:space-between;font-size:0.7rem;color:var(--text-dim);">
              <span class="music-card__current">0:00</span><span class="music-card__duration">--:--</span>
            </div>
          </div>
          <audio preload="none" data-src="/manus-storage/MahjongWays-PGBET_7e338ca9.mp3"></audio>
        </div>

        <!-- Track 5: Reborn -->
        <div class="music-card" data-track="4" style="background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s,box-shadow .2s;">
          <div style="position:relative;aspect-ratio:1/1;overflow:hidden;">
            <img src="/manus-storage/album-reborn_28ada704.webp" alt="Reborn by PGBET" loading="lazy" style="width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;">
            <button class="music-card__play-btn" aria-label="Play Reborn" style="position:absolute;inset:0;width:100%;height:100%;background:rgba(0,0,0,0.35);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;">
              <span style="width:52px;height:52px;border-radius:50%;background:rgba(250,204,21,0.9);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(250,204,21,0.5);">
                <svg class="icon-play" viewBox="0 0 24 24" fill="#0a0b1c" width="22" height="22"><polygon points="7,4 20,12 7,20"/></svg>
                <svg class="icon-pause" viewBox="0 0 24 24" fill="#0a0b1c" width="22" height="22" style="display:none"><rect x="6" y="4" width="4" height="16"/><rect x="14" y="4" width="4" height="16"/></svg>
              </span>
            </button>
          </div>
          <div style="padding:14px 16px 16px;">
            <p style="font-family:var(--font-head);font-weight:700;font-size:0.95rem;color:#fff;margin:0 0 2px;">Reborn</p>
            <p style="font-size:0.78rem;color:var(--text-dim);margin:0 0 10px;">PGBET</p>
            <div class="music-card__progress-bar" style="height:4px;background:rgba(255,255,255,0.1);border-radius:2px;cursor:pointer;margin-bottom:6px;">
              <div class="music-card__progress-fill" style="height:100%;width:0%;background:linear-gradient(90deg,var(--gold),var(--purple));border-radius:2px;transition:width .1s linear;"></div>
            </div>
            <div style="display:flex;justify-content:space-between;font-size:0.7rem;color:var(--text-dim);">
              <span class="music-card__current">0:00</span><span class="music-card__duration">--:--</span>
            </div>
          </div>
          <audio preload="none" data-src="/manus-storage/Reborn-PGBET_2fd52cb9.mp3"></audio>
        </div>

      </div>
    </div>
  </section>

  <!-- Background music FAB (Reborn) - appears after hero scrolls out of view -->
  <div id="bg-music-fab" style="display:none;position:fixed;bottom:5.5rem;left:1.25rem;z-index:900;">
    <div style="position:relative;display:flex;align-items:center;">
      <button id="bg-music-btn" aria-label="Toggle background music"
        style="width:48px;height:48px;border-radius:50%;border:1px solid rgba(168,85,247,0.3);cursor:pointer;display:flex;align-items:center;justify-content:center;background:rgba(10,5,25,0.88);backdrop-filter:blur(10px);box-shadow:0 2px 20px rgba(168,85,247,0.3);color:#fff;transition:border-color .2s,box-shadow .2s;flex-shrink:0;">
        <svg id="bg-icon-note" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="20" height="20"><path d="M9 18V5l12-2v13"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="16" r="3"/></svg>
        <svg id="bg-icon-mute" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="20" height="20" style="display:none"><path d="M9 18V5l12-2v13"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="16" r="3"/><line x1="2" y1="2" x2="22" y2="22" stroke-width="2"/></svg>
      </button>
      <div id="bg-music-label" style="position:absolute;left:56px;white-space:nowrap;font-size:0.7rem;font-family:var(--font-head);color:rgba(255,255,255,0.55);background:rgba(10,5,25,0.8);padding:4px 10px;border-radius:20px;border:1px solid rgba(255,255,255,0.08);pointer-events:none;opacity:0;transition:opacity 0.4s;">&#9835; Reborn &mdash; PGBET</div>
    </div>
  </div>
  <audio id="bg-audio" preload="none"></audio>

  <style>
  .music-card:hover { border-color: rgba(168,85,247,0.35) !important; box-shadow: 0 8px 32px rgba(168,85,247,0.15) !important; }
  .music-card:hover .music-card__play-btn { opacity: 1 !important; }
  .music-card:hover img { transform: scale(1.04); }
  .music-card.is-playing { border-color: rgba(250,204,21,0.4) !important; box-shadow: 0 8px 32px rgba(250,204,21,0.12) !important; }
  .music-card.is-playing .music-card__play-btn { opacity: 1 !important; }
  </style>

  <script>
  (function() {
    // ===== MUSIC PLAYER =====
    var cards = document.querySelectorAll('.music-card');
    var currentAudio = null;
    var currentCard = null;

    function formatTime(s) {
      if (!isFinite(s) || isNaN(s)) return '--:--';
      var m = Math.floor(s / 60);
      var sec = Math.floor(s % 60);
      return m + ':' + (sec < 10 ? '0' : '') + sec;
    }

    function stopCurrent() {
      if (currentAudio) { currentAudio.pause(); currentAudio.currentTime = 0; }
      if (currentCard) {
        var btn = currentCard.querySelector('.music-card__play-btn');
        btn.querySelector('.icon-play').style.display = '';
        btn.querySelector('.icon-pause').style.display = 'none';
        currentCard.querySelector('.music-card__progress-fill').style.width = '0%';
        currentCard.querySelector('.music-card__current').textContent = '0:00';
        currentCard.classList.remove('is-playing');
      }
      currentAudio = null; currentCard = null;
    }

    cards.forEach(function(card) {
      var audio = card.querySelector('audio');
      var btn = card.querySelector('.music-card__play-btn');
      var fill = card.querySelector('.music-card__progress-fill');
      var currentEl = card.querySelector('.music-card__current');
      var durationEl = card.querySelector('.music-card__duration');

      btn.addEventListener('click', function() {
        if (currentAudio === audio && !audio.paused) {
          audio.pause();
          btn.querySelector('.icon-play').style.display = '';
          btn.querySelector('.icon-pause').style.display = 'none';
          card.classList.remove('is-playing');
          return;
        }
        stopCurrent();
        if (!audio.getAttribute('src')) { audio.src = audio.dataset.src; }
        currentAudio = audio; currentCard = card;
        audio.play().catch(function(){});
        btn.querySelector('.icon-play').style.display = 'none';
        btn.querySelector('.icon-pause').style.display = '';
        card.classList.add('is-playing');
        // Pause bg music when a card track plays
        if (bgPlaying) { bgAudio.pause(); bgPlaying = false; bgNote.style.display = ''; bgMute.style.display = 'none'; bgBtn.style.borderColor = 'rgba(168,85,247,0.3)'; }
      });

      audio.addEventListener('loadedmetadata', function() { durationEl.textContent = formatTime(audio.duration); });
      audio.addEventListener('timeupdate', function() {
        if (audio.duration) {
          fill.style.width = (audio.currentTime / audio.duration * 100) + '%';
          currentEl.textContent = formatTime(audio.currentTime);
        }
      });
      audio.addEventListener('ended', function() {
        btn.querySelector('.icon-play').style.display = '';
        btn.querySelector('.icon-pause').style.display = 'none';
        card.classList.remove('is-playing');
        fill.style.width = '0%'; currentEl.textContent = '0:00';
        currentAudio = null; currentCard = null;
      });
      card.querySelector('.music-card__progress-bar').addEventListener('click', function(e) {
        if (!audio.duration) return;
        var rect = this.getBoundingClientRect();
        audio.currentTime = ((e.clientX - rect.left) / rect.width) * audio.duration;
      });
    });

    // ===== BACKGROUND MUSIC (Reborn) =====
    var bgAudio = document.getElementById('bg-audio');
    var bgFab = document.getElementById('bg-music-fab');
    var bgBtn = document.getElementById('bg-music-btn');
    var bgNote = document.getElementById('bg-icon-note');
    var bgMute = document.getElementById('bg-icon-mute');
    var bgLabel = document.getElementById('bg-music-label');
    var bgLoaded = false;
    var bgPlaying = false;
    var heroEl = document.querySelector('.hero');

    // Show FAB only after hero scrolls out of view
    if (heroEl && 'IntersectionObserver' in window) {
      var heroObs = new IntersectionObserver(function(entries) {
        var isVisible = entries[0].isIntersecting;
        if (!isVisible) {
          var conn = navigator.connection || navigator.mozConnection || navigator.webkitConnection;
          var slow = conn && (conn.effectiveType === '2g' || conn.effectiveType === 'slow-2g' || conn.saveData);
          if (!slow) {
            bgFab.style.display = 'block';
            setTimeout(function() {
              bgLabel.style.opacity = '1';
              setTimeout(function() { bgLabel.style.opacity = '0'; }, 3500);
            }, 300);
          }
        } else {
          bgFab.style.display = 'none';
        }
      }, { threshold: 0 });
      heroObs.observe(heroEl);
    }

    bgBtn.addEventListener('click', function() {
      if (!bgLoaded) {
        bgAudio.src = '/manus-storage/Reborn-PGBET_2fd52cb9.mp3';
        bgAudio.loop = true;
        bgAudio.volume = 0.32;
        bgLoaded = true;
      }
      if (bgPlaying) {
        bgAudio.pause(); bgPlaying = false;
        bgNote.style.display = ''; bgMute.style.display = 'none';
        bgBtn.style.borderColor = 'rgba(168,85,247,0.3)';
        bgBtn.style.boxShadow = '0 2px 20px rgba(168,85,247,0.3)';
      } else {
        bgAudio.play().catch(function(){});
        bgPlaying = true;
        bgNote.style.display = 'none'; bgMute.style.display = '';
        bgBtn.style.borderColor = 'rgba(250,204,21,0.5)';
        bgBtn.style.boxShadow = '0 2px 20px rgba(250,204,21,0.35)';
        bgLabel.style.opacity = '1';
        setTimeout(function() { bgLabel.style.opacity = '0'; }, 2800);
      }
    });
  })();
  </script>


  <!-- ============== WHY PGBET ============== -->
  <section class="section" style="background: linear-gradient(180deg, transparent, rgba(168,85,247,0.04), transparent);">
    <div class="container">
      <div class="section-head">
        <span class="eyebrow eyebrow--purple">Why PGBET</span>
        <h2>Kenapa Memilih PGBET untuk Game PGSoft?</h2>
      </div>
      <div class="grid grid--3">
        <article class="card card--feature">
          <span class="icon-tile"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2l3 6 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1z"/></svg></span>
          <span class="num">01</span>
          <h3>Fokus pada Game PGSoft</h3>
          <p>Kami mengkurasi judul-judul PGSoft paling populer beserta panduan bermain yang mudah dipahami.</p>
        </article>
        <article class="card card--feature">
          <span class="icon-tile icon-tile--purple"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="7" y="2" width="10" height="20" rx="2"/><circle cx="12" cy="18" r="1" fill="currentColor"/></svg></span>
          <span class="num">02</span>
          <h3>Tampilan Mobile-First</h3>
          <p>Setiap halaman, kartu game, dan tombol dirancang ulang agar nyaman dimainkan dari smartphone.</p>
        </article>
        <article class="card card--feature">
          <span class="icon-tile"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/></svg></span>
          <span class="num">03</span>
          <h3>Banyak Kategori Casino</h3>
          <p>Selain PGSoft, tersedia slot online, live casino, table games, dan kategori lainnya.</p>
        </article>
        <article class="card card--feature">
          <span class="icon-tile icon-tile--purple"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 12V8H6a2 2 0 010-4h12v4M4 6v14h14v-3"/><circle cx="16" cy="14" r="1.5" fill="currentColor"/></svg></span>
          <span class="num">04</span>
          <h3>Promosi Menarik</h3>
          <p>Welcome bonus, promo khusus PGSoft, cashback, dan reload bonus tersedia secara berkala.</p>
        </article>
        <article class="card card--feature">
          <span class="icon-tile"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 4h12a4 4 0 014 4v12H8a4 4 0 01-4-4z"/><path d="M8 10h8M8 14h6"/></svg></span>
          <span class="num">05</span>
          <h3>Panduan &amp; Artikel Edukatif</h3>
          <p>Blog dengan review game, tips strategi, dan panduan bermain bertanggung jawab.</p>
        </article>
        <article class="card card--feature" style="background: linear-gradient(135deg, rgba(250,204,21,.1), rgba(168,85,247,.1)); border-color: rgba(250,204,21,.3);">
          <h3 style="font-size:1.4rem;">Siap mulai?</h3>
          <p>Daftar gratis, jelajahi lobby, dan klaim welcome bonus dalam hitungan menit.</p>
          <a href="http://pgb.zone/link1?path=/mobile/register" rel="nofollow noreferrer noopener" target="_blank" class="btn btn--primary mt-2">Daftar Sekarang →</a>
        </article>
      </div>
    </div>
  </section>

  <!-- ============== CATEGORIES ============== -->
  <section class="section">
    <div class="container">
      <div class="section-head">
        <span class="eyebrow">Kategori</span>
        <h2>Jelajahi Kategori Game di PGBET</h2>
      </div>
      <div class="grid grid--6">
        <a href="pgsoft-games/" class="cat-card">
          <span class="icon-tile"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2l3 6 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1z"/></svg></span>
          <span class="cat-card__name">PGSoft Slots</span>
          <span class="cat-card__count">20+ Judul</span>
          <span class="cat-card__arrow">Lihat →</span>
        </a>
        <a href="slot-online/" class="cat-card">
          <span class="icon-tile icon-tile--purple"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="6" width="18" height="12" rx="2"/><path d="M9 6v12M15 6v12"/></svg></span>
          <span class="cat-card__name">Slot Online</span>
          <span class="cat-card__count">All Providers</span>
          <span class="cat-card__arrow">Lihat →</span>
        </a>
        <a href="live-casino/" class="cat-card">
          <span class="icon-tile"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="3"/></svg></span>
          <span class="cat-card__name">Live Casino</span>
          <span class="cat-card__count">Real Dealer</span>
          <span class="cat-card__arrow">Lihat →</span>
        </a>
        <a href="live-casino/#table" class="cat-card">
          <span class="icon-tile icon-tile--purple"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M3 10h18"/></svg></span>
          <span class="cat-card__name">Table Games</span>
          <span class="cat-card__count">Baccarat &amp; more</span>
          <span class="cat-card__arrow">Lihat →</span>
        </a>
        <a href="pgsoft-games/#arcade" class="cat-card">
          <span class="icon-tile"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="5" width="18" height="14" rx="2"/><circle cx="8" cy="12" r="2"/><circle cx="16" cy="12" r="2"/></svg></span>
          <span class="cat-card__name">Arcade Games</span>
          <span class="cat-card__count">Quick Play</span>
          <span class="cat-card__arrow">Lihat →</span>
        </a>
        <a href="promotions/" class="cat-card">
          <span class="icon-tile icon-tile--purple"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 12V8H6a2 2 0 010-4h12v4"/><circle cx="16" cy="14" r="1.5" fill="currentColor"/></svg></span>
          <span class="cat-card__name">Promosi</span>
          <span class="cat-card__count">Bonus &amp; Cashback</span>
          <span class="cat-card__arrow">Lihat →</span>
        </a>
      </div>
    </div>
  </section>

  <!-- ============== PROVIDER LOGOS ============== -->
  <section class="section section--tight" style="padding:2.5rem 0;">
    <div class="container">
      <div class="section-head" style="margin-bottom:1.75rem;text-align:center;">
        <span class="eyebrow">Mitra Resmi</span>
        <h2>Provider &amp; Organisasi Terpercaya</h2>
        <p style="color:var(--text-muted);max-width:560px;margin:0.5rem auto 0;">PGBET bermitra dengan provider game terkemuka dunia dan mendukung prinsip permainan bertanggung jawab.</p>
      </div>

      <p style="text-align:center;font-size:0.68rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:1.25rem;">Game Providers</p>
      <div style="display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.75rem 3rem;margin-bottom:2.5rem;">
        <a href="https://www.pgsoft.com" target="_blank" rel="nofollow noreferrer noopener" title="PG Soft" style="opacity:0.6;transition:opacity 0.2s;display:inline-block;" onmouseover="this.style.opacity='1'" onmouseout="this.style.opacity='0.6'">
          <img src="https://d2xsxph8kpxj0f.cloudfront.net/310419663032689476/WHfVUnmB3Lb5smzqMenGUK/logo-pgsoft-fbTZEEXkZQJ9SwLHTByowy.webp" alt="PG Soft" height="56" style="height:56px;width:auto;display:block;filter:brightness(0) invert(1);">
        </a>
        <a href="https://www.pragmaticplay.com" target="_blank" rel="nofollow noreferrer noopener" title="Pragmatic Play" style="opacity:0.6;transition:opacity 0.2s;display:inline-block;" onmouseover="this.style.opacity='1'" onmouseout="this.style.opacity='0.6'">
          <img src="https://d2xsxph8kpxj0f.cloudfront.net/310419663032689476/WHfVUnmB3Lb5smzqMenGUK/logo-pragmatic-JG3GWEhYtkGxWu5JVeWVZD.webp" alt="Pragmatic Play" height="56" style="height:56px;width:auto;display:block;filter:brightness(0) invert(1);">
        </a>
        <a href="https://www.habanero.com" target="_blank" rel="nofollow noreferrer noopener" title="Habanero" style="opacity:0.6;transition:opacity 0.2s;display:inline-block;" onmouseover="this.style.opacity='1'" onmouseout="this.style.opacity='0.6'">
          <img src="https://d2xsxph8kpxj0f.cloudfront.net/310419663032689476/WHfVUnmB3Lb5smzqMenGUK/logo-habanero-2KGKWEQsGgubT79jGzRjV8.webp" alt="Habanero" height="56" style="height:56px;width:auto;display:block;filter:brightness(0) invert(1);">
        </a>
        <a href="https://www.playngo.com" target="_blank" rel="nofollow noreferrer noopener" title="Play'n GO" style="opacity:0.6;transition:opacity 0.2s;display:inline-block;" onmouseover="this.style.opacity='1'" onmouseout="this.style.opacity='0.6'">
          <img src="https://d2xsxph8kpxj0f.cloudfront.net/310419663032689476/WHfVUnmB3Lb5smzqMenGUK/logo-playngo-VrC3gD4CepaR5jvt88aoZT.webp" alt="Play'n GO" height="56" style="height:56px;width:auto;display:block;filter:brightness(0) invert(1);">
        </a>
        <a href="https://www.microgaming.co.uk" target="_blank" rel="nofollow noreferrer noopener" title="Microgaming" style="opacity:0.6;transition:opacity 0.2s;display:inline-block;" onmouseover="this.style.opacity='1'" onmouseout="this.style.opacity='0.6'">
          <img src="https://d2xsxph8kpxj0f.cloudfront.net/310419663032689476/WHfVUnmB3Lb5smzqMenGUK/logo-microgaming-fL6HvhA8DX9Vt3gDWawDsQ.webp" alt="Microgaming" height="56" style="height:56px;width:auto;display:block;filter:brightness(0) invert(1);">
        </a>
        <a href="https://www.hacksawgaming.com" target="_blank" rel="nofollow noreferrer noopener" title="Hacksaw Gaming" style="opacity:0.6;transition:opacity 0.2s;display:inline-block;" onmouseover="this.style.opacity='1'" onmouseout="this.style.opacity='0.6'">
          <img src="https://d2xsxph8kpxj0f.cloudfront.net/310419663032689476/WHfVUnmB3Lb5smzqMenGUK/logo-hacksaw-eX2SX6Ut23u5XA9xKvazCd.webp" alt="Hacksaw Gaming" height="56" style="height:56px;width:auto;display:block;filter:brightness(0) invert(1);">
        </a>
        <a href="https://nolimitcity.com" target="_blank" rel="nofollow noreferrer noopener" title="Nolimit City" style="opacity:0.6;transition:opacity 0.2s;display:inline-block;" onmouseover="this.style.opacity='1'" onmouseout="this.style.opacity='0.6'">
          <img src="https://d2xsxph8kpxj0f.cloudfront.net/310419663032689476/WHfVUnmB3Lb5smzqMenGUK/logo-nolimit-RQu55iDYfN29zgAbnidvkh.webp" alt="Nolimit City" height="56" style="height:56px;width:auto;display:block;filter:brightness(0) invert(1);">
        </a>
      </div>

      <div style="height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.07),transparent);margin:0 auto 1.75rem;max-width:500px;"></div>

      <p style="text-align:center;font-size:0.68rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:1.25rem;">Responsible Gaming</p>
      <div style="display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem 2.75rem;">
        <a href="https://www.gamcare.org.uk" target="_blank" rel="nofollow noreferrer noopener" title="GamCare" style="opacity:0.45;transition:opacity 0.2s;display:inline-block;" onmouseover="this.style.opacity='0.85'" onmouseout="this.style.opacity='0.45'">
          <img src="https://d2xsxph8kpxj0f.cloudfront.net/310419663032689476/WHfVUnmB3Lb5smzqMenGUK/logo-gamcare-PoQzdjsHF9GAVBdvQw7T3U.webp" alt="GamCare" height="44" style="height:44px;width:auto;display:block;filter:brightness(0) invert(1);">
        </a>
        <a href="https://www.begambleaware.org" target="_blank" rel="nofollow noreferrer noopener" title="BeGambleAware" style="opacity:0.45;transition:opacity 0.2s;display:inline-block;" onmouseover="this.style.opacity='0.85'" onmouseout="this.style.opacity='0.45'">
          <img src="https://d2xsxph8kpxj0f.cloudfront.net/310419663032689476/WHfVUnmB3Lb5smzqMenGUK/logo-begambleaware-We7TJt26yPaSttzpU6g9mG.webp" alt="BeGambleAware" height="44" style="height:44px;width:auto;display:block;filter:brightness(0) invert(1);">
        </a>
        <a href="https://www.responsiblegambling.org" target="_blank" rel="nofollow noreferrer noopener" title="Responsible Gambling Council" style="opacity:0.45;transition:opacity 0.2s;display:inline-block;" onmouseover="this.style.opacity='0.85'" onmouseout="this.style.opacity='0.45'">
          <img src="https://d2xsxph8kpxj0f.cloudfront.net/310419663032689476/WHfVUnmB3Lb5smzqMenGUK/logo-rgc-PvDiwwZXmQDXReta7vRHD7.webp" alt="Responsible Gambling Council" height="44" style="height:44px;width:auto;display:block;filter:brightness(0) invert(1);">
        </a>
      </div>
    </div>
  </section>

  <!-- ============== HOW TO START ============== -->
  <section class="section">
    <div class="container">
      <div class="section-head">
        <span class="eyebrow">Getting Started</span>
        <h2>Cara Mulai Bermain di PGBET</h2>
      </div>
      <div class="steps">
        <div class="step">
          <span class="step__num">01</span>
          <h3>Daftar Akun</h3>
          <p>Isi formulir pendaftaran singkat dan verifikasi data Anda.</p>
        </div>
        <div class="step">
          <span class="step__num">02</span>
          <h3>Login ke Member Area</h3>
          <p>Masuk ke dashboard pribadi Anda untuk akses lobby penuh.</p>
        </div>
        <div class="step">
          <span class="step__num">03</span>
          <h3>Pilih Game</h3>
          <p>Telusuri game PGSoft atau kategori casino favorit Anda.</p>
        </div>
        <div class="step">
          <span class="step__num">04</span>
          <h3>Bermain Bertanggung Jawab</h3>
          <p>Tetapkan batas waktu dan budget . Bermainlah sebagai hiburan.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ============== PROMOTIONS PREVIEW ============== -->
  <section class="section">
    <div class="container">
      <div class="section-head row" style="justify-content:space-between; align-items:flex-end;">
        <div>
          <span class="eyebrow">Promosi</span>
          <h2>Promosi Terbaru PGBET</h2>
          <p class="lead">Bonus terkurasi untuk member baru dan loyal . Selalu periksa syarat &amp; ketentuan.</p>
        </div>
        <a href="promotions/" class="btn btn--ghost btn--sm">Semua Promo →</a>
      </div>
      <div class="grid grid--3">
        <a href="promotions/" class="promo-card">
          <span class="promo-card__tag">Welcome</span>
          <div class="pct">100%</div>
          <h3>Welcome Bonus untuk Member Baru</h3>
          <p>Bonus selamat datang untuk member baru di deposit pertama.</p>
          <span class="promo-card__terms">Syarat &amp; ketentuan berlaku. Berlaku TO sesuai promosi.</span>
        </a>
        <a href="promotions/" class="promo-card">
          <span class="promo-card__tag">PGSoft</span>
          <div class="pct">50%</div>
          <h3>Promo Khusus Game PGSoft</h3>
          <p>Bonus tambahan untuk member yang aktif bermain game PGSoft.</p>
          <span class="promo-card__terms">Berlaku untuk kategori PGSoft saja.</span>
        </a>
        <a href="promotions/" class="promo-card">
          <span class="promo-card__tag">Cashback</span>
          <div class="pct">10%</div>
          <h3>Cashback Mingguan</h3>
          <p>Dapatkan pengembalian sebagian dari permainan Anda setiap minggu.</p>
          <span class="promo-card__terms">Berlaku tanpa TO untuk member tier tertentu.</span>
        </a>
        <a href="promotions/" class="promo-card">
          <span class="promo-card__tag">Reload</span>
          <div class="pct">25%</div>
          <h3>Reload Bonus Harian</h3>
          <p>Bonus deposit ulang harian untuk member yang aktif.</p>
          <span class="promo-card__terms">Maksimal klaim sekali per hari.</span>
        </a>
      </div>
    </div>
  </section>

  <!-- ============== BLOG PREVIEW ============== -->
  <section class="section">
    <div class="container">
      <div class="section-head row" style="justify-content:space-between; align-items:flex-end;">
        <div>
          <span class="eyebrow">Blog &amp; Panduan</span>
          <h2>Artikel dan Panduan Terbaru</h2>
        </div>
        <a href="blog/panduan-fitur-gamble-slot/" class="blog-card">
            <div class="blog-card__thumb"><img src="https://pgbet.co.uk/manus-storage/blog-panduan-fitur-gamble-slot_e57bb12b.jpg" alt="Panduan Fitur Gamble Slot" loading="lazy" /></div>
            <div class="blog-card__body"><div class="blog-card__meta"><span class="cat">Slot Guides</span><span>19 Agt 2026</span></div><h3>Panduan Fitur Gamble Slot: Risiko dan Strategi</h3><p>Cara kerja double-up dan kapan menggunakannya.</p><span class="read-more">Baca Selengkapnya &#x2192;</span></div>
          </a>
        <a href="blog/review-ganesha-gold-pgsoft/" class="blog-card">
            <div class="blog-card__thumb"><img src="https://pgbet.co.uk/manus-storage/blog-review-ganesha-gold-pgsoft_31d64549.jpg" alt="Review Ganesha Gold PGSoft" loading="lazy" /></div>
            <div class="blog-card__body"><div class="blog-card__meta"><span class="cat">PGSoft Guides</span><span>19 Agt 2026</span></div><h3>Review Ganesha Gold PGSoft: Dewa Keberuntungan</h3><p>Slot 3x3 dengan golden respin dan blessing multiplier.</p><span class="read-more">Baca Selengkapnya &#x2192;</span></div>
          </a>
        <a href="blog/slot-tema-galaxy-pgsoft/" class="blog-card">
            <div class="blog-card__thumb"><img src="https://pgbet.co.uk/manus-storage/blog-slot-tema-galaxy-pgsoft_1227721b.jpg" alt="Slot Tema Galaxy PGSoft" loading="lazy" /></div>
            <div class="blog-card__body"><div class="blog-card__meta"><span class="cat">Slot Guides</span><span>18 Agt 2026</span></div><h3>Slot Tema Galaxy PGSoft: Petualangan Antariksa</h3><p>Visual nebula dan fitur cosmic bonus yang epic.</p><span class="read-more">Baca Selengkapnya &#x2192;</span></div>
          </a>

    </div>
    </div>
  </section>

  <!-- ============== FAQ ============== -->
  <section class="section">
    <div class="container container--narrow">
      <div class="section-head center">
        <span class="eyebrow">FAQ</span>
        <h2>Pertanyaan yang Sering Diajukan</h2>
      </div>
      <div class="faq">
        <details class="faq__item">
          <summary class="faq__q">Apa itu PGBET?</summary>
          <div class="faq__a">PGBET adalah platform casino online yang berfokus pada game PGSoft untuk pemain Indonesia, dengan kategori tambahan seperti slot online dan live casino.</div>
        </details>
        <details class="faq__item">
          <summary class="faq__q">Apakah PGBET menyediakan game PGSoft?</summary>
          <div class="faq__a">Ya. PGBET memiliki halaman khusus untuk 20+ game PGSoft populer, lengkap dengan panduan dan review.</div>
        </details>
        <details class="faq__item">
          <summary class="faq__q">Bagaimana cara daftar di PGBET?</summary>
          <div class="faq__a">Klik tombol <strong>Daftar Sekarang</strong> di header atau bottom CTA, lalu isi formulir pendaftaran singkat.</div>
        </details>
        <details class="faq__item">
          <summary class="faq__q">Apakah game bisa dimainkan di HP?</summary>
          <div class="faq__a">Bisa. Semua game di PGBET dioptimalkan untuk perangkat mobile . Android maupun iOS . Melalui browser.</div>
        </details>
        <details class="faq__item">
          <summary class="faq__q">Apa saja kategori game yang tersedia?</summary>
          <div class="faq__a">PGSoft Slots, Slot Online umum, Live Casino, Table Games, Arcade Games, Fishing Games, dan kategori lainnya.</div>
        </details>
        <details class="faq__item">
          <summary class="faq__q">Apakah ada promosi untuk game PGSoft?</summary>
          <div class="faq__a">Ya, ada promo khusus PGSoft selain welcome bonus dan cashback. Cek halaman <a href="promotions/">Promosi</a>.</div>
        </details>
        <details class="faq__item">
          <summary class="faq__q">Bagaimana cara menghubungi support?</summary>
          <div class="faq__a">Klik tombol live chat di pojok kanan bawah, atau hubungi tim kami melalui kontak yang tersedia di footer.</div>
        </details>
        <details class="faq__item">
          <summary class="faq__q">Apakah PGBET mendukung responsible gaming?</summary>
          <div class="faq__a">Ya. Kami menyediakan halaman <a href="responsible-gaming/">Responsible Gaming</a> dengan panduan dan kontrol bermain.</div>
        </details>
      </div>
    </div>
  </section>

  <!-- ============== FINAL CTA ============== -->
  <section class="section">
    <div class="container">
      <div class="cta-block">
        <span class="eyebrow eyebrow--purple">Final Step</span>
        <h2>Siap Menjelajahi Game PGSoft di PGBET?</h2>
        <p>Daftar gratis, jelajahi 20+ judul PGSoft, dan dapatkan welcome bonus untuk member baru.</p>
        <div class="cta-block__btns">
          <a href="http://pgb.zone/link1?path=/mobile/register" rel="nofollow noreferrer noopener" target="_blank" class="btn btn--primary btn--lg">Daftar Sekarang →</a>
          <a href="pgsoft-games/" class="btn btn--secondary btn--lg">Lihat Game PGSoft</a>
        </div>
      </div>
    </div>
  </section>

  <script>/* PGBET — Game catalogue (used to render related-games and grids).
   Theme colors are purely decorative placeholders — no real PGSoft artwork is referenced. */

window.PGBET_GAMES = [
  { slug: 'mahjong-ways',       name: 'Mahjong Ways',       theme: 't-rose',    img: 'https://d2xsxph8kpxj0f.cloudfront.net/310419663032689476/WHfVUnmB3Lb5smzqMenGUK/game-icon-mahjong-ways-CCMK7bUeNVfRcfBKhTjhJh.webp',    tag: 'Mahjong',   desc: 'Slot bertema mahjong klasik dengan banyak garis kemenangan.' },
  { slug: 'mahjong-ways-2',     name: 'Mahjong Ways 2',     theme: 't-amber',   img: 'https://d2xsxph8kpxj0f.cloudfront.net/310419663032689476/WHfVUnmB3Lb5smzqMenGUK/game-icon-mahjong-ways-2-9zcUH9JhGnLLLYo22zhaZ7.webp',  tag: 'Mahjong',   desc: 'Sekuel mahjong dengan fitur scatter dan multiplier.' },
  { slug: 'lucky-neko',         name: 'Lucky Neko',         theme: 't-ember',   img: 'https://d2xsxph8kpxj0f.cloudfront.net/310419663032689476/WHfVUnmB3Lb5smzqMenGUK/game-icon-lucky-neko-dffHSFzeYKxoymEDFSxagp.webp',         tag: 'Asian',     desc: 'Tema kucing keberuntungan dengan visual berwarna cerah.' },
  { slug: 'wild-bandito',       name: 'Wild Bandito',       theme: 't-rose',    img: 'https://d2xsxph8kpxj0f.cloudfront.net/310419663032689476/WHfVUnmB3Lb5smzqMenGUK/game-icon-wild-bandito-M5Vje2gEuSQ5hwqZZU7R4f.webp',       tag: 'Adventure', desc: 'Tema western dengan animasi band mariachi.' },
  { slug: 'treasures-of-aztec', name: 'Treasures of Aztec', theme: 't-citrus',  img: 'https://d2xsxph8kpxj0f.cloudfront.net/310419663032689476/WHfVUnmB3Lb5smzqMenGUK/game-icon-treasures-of-aztec-HASNy6sDQhNfZvdVXhLxgf.webp', tag: 'Adventure', desc: 'Petualangan harta karun bertema peradaban Aztec.' },
  { slug: 'caishen-wins',       name: 'Caishen Wins',       theme: 't-ember',   img: 'https://d2xsxph8kpxj0f.cloudfront.net/310419663032689476/WHfVUnmB3Lb5smzqMenGUK/game-icon-caishen-wins-KA8hssLGikHXXyhtdhwWRN.webp',       tag: 'Fortune',   desc: 'Tema Dewa Kekayaan dengan dekorasi tradisional.' },
  { slug: 'ganesha-fortune',    name: 'Ganesha Fortune',    theme: 't-amber',   img: 'https://d2xsxph8kpxj0f.cloudfront.net/310419663032689476/WHfVUnmB3Lb5smzqMenGUK/game-icon-ganesha-fortune-4HwcUoaGqQzm7k4Xf9NCek.webp',    tag: 'Fortune',   desc: 'Slot bertema dewa Ganesha dengan ornamen emas.' },
  { slug: 'fortune-tiger',      name: 'Fortune Tiger',      theme: 't-ember',   img: 'https://d2xsxph8kpxj0f.cloudfront.net/310419663032689476/WHfVUnmB3Lb5smzqMenGUK/game-icon-fortune-tiger-VoQfZV8unMKaZjC4PybgZv.webp',      tag: 'Fortune',   desc: 'Tema harimau keberuntungan dengan visual oriental.' },
  { slug: 'fortune-ox',         name: 'Fortune Ox',         theme: 't-citrus',  img: 'https://d2xsxph8kpxj0f.cloudfront.net/310419663032689476/WHfVUnmB3Lb5smzqMenGUK/game-icon-fortune-ox-oWSvsGEz48ogG87Upz2QQ4.webp',         tag: 'Fortune',   desc: 'Tema kerbau emas dengan animasi tradisional.' },
  { slug: 'fortune-rabbit',     name: 'Fortune Rabbit',     theme: 't-magenta', img: 'https://d2xsxph8kpxj0f.cloudfront.net/310419663032689476/WHfVUnmB3Lb5smzqMenGUK/game-icon-fortune-rabbit-bVQHENEaMQuHhvyjP9UQJa.webp',     tag: 'Fortune',   desc: 'Tema kelinci dengan dekorasi imlek.' },
  { slug: 'fortune-dragon',     name: 'Fortune Dragon',     theme: 't-jade',    img: 'https://d2xsxph8kpxj0f.cloudfront.net/310419663032689476/WHfVUnmB3Lb5smzqMenGUK/game-icon-fortune-dragon-VNGx8JGURgWfx2CjmtYUEc.webp',     tag: 'Fortune',   desc: 'Tema naga emas dengan visual dramatis.' },
  { slug: 'fortune-mouse',      name: 'Fortune Mouse',      theme: 't-amber',   img: 'https://d2xsxph8kpxj0f.cloudfront.net/310419663032689476/WHfVUnmB3Lb5smzqMenGUK/game-icon-fortune-mouse-F4jjBR2iT7hVzhaRqFmbo7.webp',      tag: 'Fortune',   desc: 'Tema tikus keberuntungan dengan ornamen merah.' },
  { slug: 'dragon-hatch',       name: 'Dragon Hatch',       theme: 't-violet',  img: 'https://d2xsxph8kpxj0f.cloudfront.net/310419663032689476/WHfVUnmB3Lb5smzqMenGUK/game-icon-dragon-hatch-36biSTLbJjpVEs259AekRi.webp',       tag: 'Fantasy',   desc: 'Tema penetasan telur naga dengan free spins.' },
  { slug: 'dragon-hatch-2',     name: 'Dragon Hatch 2',     theme: 't-jade',    img: 'https://d2xsxph8kpxj0f.cloudfront.net/310419663032689476/WHfVUnmB3Lb5smzqMenGUK/game-icon-dragon-hatch-2-3JapA8KCEdgZeeo3TxxGkm.webp',     tag: 'Fantasy',   desc: 'Lanjutan tema naga dengan fitur tambahan.' },
  { slug: 'ways-of-the-qilin',  name: 'Ways of the Qilin',  theme: 't-royal',   img: 'https://d2xsxph8kpxj0f.cloudfront.net/310419663032689476/WHfVUnmB3Lb5smzqMenGUK/game-icon-ways-of-the-qilin-DMF22NQJG2D6oCCfRFdFjQ.webp',  tag: 'Mythic',    desc: 'Tema makhluk mitologi Qilin dengan visual mewah.' },
  { slug: 'queen-of-bounty',    name: 'Queen of Bounty',    theme: 't-ocean',   img: 'https://d2xsxph8kpxj0f.cloudfront.net/310419663032689476/WHfVUnmB3Lb5smzqMenGUK/game-icon-queen-of-bounty-UxcMyGyVFw7iBbu7rsFGF5.webp',    tag: 'Adventure', desc: 'Tema bajak laut wanita dengan animasi cinematik.' },
  { slug: 'dreams-of-macau',    name: 'Dreams of Macau',    theme: 't-magenta', img: 'https://d2xsxph8kpxj0f.cloudfront.net/310419663032689476/WHfVUnmB3Lb5smzqMenGUK/game-icon-dreams-of-macau-WpsjbHQsBXqki8Wv6ByNSH.webp',    tag: 'Classic',   desc: 'Tema kota Macau dengan nuansa neon.' },
  { slug: 'bikini-paradise',    name: 'Bikini Paradise',    theme: 't-azure',   img: 'https://d2xsxph8kpxj0f.cloudfront.net/310419663032689476/WHfVUnmB3Lb5smzqMenGUK/game-icon-bikini-paradise-QdnjjiT43wtDoghuHRYj6N.webp',    tag: 'Tropical',  desc: 'Slot bertema pantai tropis cerah.' },
  { slug: 'gem-saviour-sword',  name: 'Gem Saviour Sword',  theme: 't-violet',  img: 'https://d2xsxph8kpxj0f.cloudfront.net/310419663032689476/WHfVUnmB3Lb5smzqMenGUK/game-icon-gem-saviour-sword-Ba54DGu2JMKcsbWNWCYrKf.webp',  tag: 'Fantasy',   desc: 'Petualangan pendekar pedang dengan permata.' },
  { slug: 'candy-bonanza',      name: 'Candy Bonanza',      theme: 't-magenta', img: 'https://d2xsxph8kpxj0f.cloudfront.net/310419663032689476/WHfVUnmB3Lb5smzqMenGUK/game-icon-candy-bonanza-dAx8ZRqS2Xjx3sgEz8rhKR.webp',      tag: 'Casual',    desc: 'Slot warna-warni bertema permen dan gula.' },
];
</script>
  <script>
    // Render featured games (first 8)
    (function () {
      const grid = document.getElementById('featured-games');
      if (!grid || !window.PGBET_GAMES) return;
      const featured = window.PGBET_GAMES.slice(0, 8);
      grid.innerHTML = featured.map(g => `
        <article class="game-card">
          <a href="pgsoft/${g.slug}/" aria-label="Detail ${g.name}">
            <div class="game-card__thumb">
              <img src="${g.img}" alt="${g.name}" loading="lazy" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;">
              <span class="badge">PGSoft</span>
              <div class="play"><span>▶</span></div>
            </div>
          </a>
          <div class="game-card__body">
            <h3 class="game-card__title">${g.name}</h3>
            <div class="game-card__meta"><span>PGSoft</span><span>·</span><span>${g.tag}</span></div>
            <p class="game-card__desc">${g.desc}</p>
            <div class="game-card__actions">
              <a href="https://pgb.zone/link2" rel="nofollow noreferrer noopener" target="_blank" class="btn btn--primary">Mainkan</a>
              <a href="pgsoft/${g.slug}/" class="link">Baca Panduan</a>
            </div>
          </div>
        </article>
      `).join('');
    })();
  </script>
  <script>/* PGBET — shared site shell (header, footer, mobile sticky CTA, support FAB)
   Each page declares <body data-active="nav-key"> to highlight current nav link. */

(function () {
  // Resolve URLs relative to project root. Each page declares its depth on <body data-depth="N">;
  // we fall back to walking up from the current URL pathname only if absent.
  let depth = parseInt(document.body.dataset.depth, 10);
  if (Number.isNaN(depth)) {
    depth = (location.pathname.replace(/\/index\.html?$/, '/').match(/\//g) || []).length - 1;
    if (depth < 0) depth = 0;
  }
  const UP = depth > 0 ? '../'.repeat(depth) : './';
  function url(p) { return UP + p; }

  const navLinks = [
    { key: 'home', href: './', label: 'Home' },
    { key: 'pgsoft', href: 'pgsoft-games/', label: 'PGSoft Games', accent: true },
    { key: 'slot', href: 'slot-online/', label: 'Slot Online' },
    { key: 'live', href: 'live-casino/', label: 'Live Casino' },
    { key: 'promo', href: 'promotions/', label: 'Promosi' },
    { key: 'blog', href: 'blog/', label: 'Blog' },
    { key: 'faq', href: 'faq/', label: 'FAQ' },
  ];

  const active = document.body.dataset.active || '';

  // ----- Header -----
  const header = document.createElement('header');
  header.className = 'header';
  header.innerHTML = `
    <div class="container header__inner">
      <a class="brand" href="${url('./')}" aria-label="PGBET home">
        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAABGCAYAAAC9vk0DAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAEG4SURBVHhe7Z0JfFXlmf+d6bT/mc601dq6tNNl2mntdFFrp9Zuw9jFKiqrCVkggIHs+77f7Df7vQlLQliSQCABAmG5EECUS1VUZAsQVrkEERcQYzWVnPc9x/f/e84Szj2TCEFAWu/z+Xw/OffpOefek5ovz/O+97znJl/4whe+8IUvfOELX/jCF77whS984Qtf+MIXvvCFL3zhC1/4whe+8MWnIYQQnwGfs/BPYLg8Yc59Fgy1L+X/wZIz8sPt/49D5P5J+N30ORF25+cNztBP202f0y/huoRYcdNnDq646XMGYtdNnxXbRg31e9I+8+X/nmg/63Ub+X/Q3/6ah5+f+IzN7+DnDMLCxGdto8Q/qT9Neduobf805L62IfZFToO2Nbz2NeXpnH4rcF5Tbrh9jfP6YduA9sF/zFf8+8L5/jFsnvis+Zyj6H22eb8P5cLm7fLa72JeP36FgfjMYH4wp+WtOXqfUeBy9qX91H13DbGvJUf76Zf40YHf3c+GOPYj3+cgtnW89j0okNPBvup5TblR+G+b9v0Z/iZ+iNcG6r6WnLovsOZv+oh9zTniI/+7wB/Zj4CfiScAziN+bMqZ8w+acsQE8BNLjhgLvm7JEeOA9dzE4+AbltwE/sbxB9+L+daE9+K+bRsk/lvZ78d+21+/hGseYt2dn2cb7/i51PV1PwPededYtv2hX+Ez/tzymem66ff0R1OOeBj8wpIj/hf8lyVH0Dm+qH+EaxpNU8U/V8RL9wI/g8oE/mh5IhtVFj/wSEUScjplieyB8lTpPnuq5GdQlj7waEkm9s3ij9izkRuE/U9R9gf/U5wn+REFoNDGR5cUsFGFhXx0QQFyOoWF4me2YnF/nl3yM8gt44/klrNRuZX80bwK5Ihq5GvErzOr+YPZ2B6klj+cVf3Xr+uXNOJIXTBwV3LDwOOp8yS/1AUaiY3sgZSF4g9JTZKfymLJL76F/TKhmT9E2ypLkQOx7eyB+KX8T7Qd366zUvwifgX7ZfwKPiZ+peQXs1ojchX7eXQn/1Mkba/ViN7A/xi5kY2KWsvHRrokvzCiC//bZvGzmRv4I7QdtkUjdBP/48wtYlTYJj4u7Gm81pm2VbrvyWf4o6FuvCaelfymP8v/8ORz4gv6ZQ4bQfvFLSEv8EemvCT5GUx9if9+yh4xKmQvHx+0S/IL2qsRsFvcHbybjwnaj9c6AQfF7wIPiVFBh8SEST2yn4Fft/iJ/xExbtIRvD6u4X9SPOjnEaMmnBATn/DIfsR4MPGU+NH4V8X48afwWmfMafHguNfFqLGvi4lj3sBrHeT+a+xbyJ3Fa52xfeJ/H3tHjHq0Tzzx6HnZz+Dh98RX9cv0DvyBUYVWCMyhgKdBsfrqYnDgBs+qry7GB6Bc2/SKd8B4bdMr+oBN2/SKN0CAtjkYH8hvnXT/Je7bL70X/x/CAK/l9+K+9aJ+Gdc8PnDd8S2+8etNctfXhQHv+to78nN/7MRnXKx91ME4D+j3tF99dTGOgmXaplf8GeRqm17xDPih/hGuacyKFl+rjuXO6jgmiKp4JioT2OnKBMldmcSOA1GZzERFCkgeaC9LkerL05goT2eijMiQTtkzJLc9i50AojQb5KhsKsmRNpbkMVFiY6I4n4mifHayKJ+7CwtYb1ERF4VEMRcFJXx+QQlrLSjlIt8OyrjIK2cnbGXcnVfBXrVV4nWVRm4168ypkdy5Di5yCCcXEOCxLCcfr1/SiCOjkaWnz2dvpC3ggkhdKIvkRcqSlCb5ZSBSmkELci2sI2kJP5C0RBZJrWCpLBJV+PKENt6T0C4LIn45WMnb4lfKHXEd/FxchyziVskidjVYxRshwJ6YNbKIWSuLaGK93A3cUS75PBCRG8BGWUR08TngWMQmbG+WRfgWRYQ/Je8Ne0p2h22V3w17WhEziWcUEbpNcYa65ZMz3NjeDv4MnpV3Q4B36Zc5bEx5if331BflE9NeUsRUYqciQnbJO4Eb9E/ZrYgpe8BeRQTtUYqDu+Wzk7sVEbxfI+iA/GLQQdkd2KNcCOz5UAQeAoc/FJMOi/xJR5S+SUexfQwc/1D4v6LsAG7/E4rk5/lQEE+c/FBMOCmyJ55S+iee+lBMfBWcRu415VngHn9G4eNf/1CMf+NDMQ48/oZIG/uWIo09+6EgxpxD7m1l+5i3Ffdj5xXl8Xfwuu9D8di7H4rRfeJB/TK9A39gPgFeRnxqBBirCbAaAqwiAcZDgAkmAaoMtFcYAgRDCRCV39ACBJoAJU2AhUMLsMAQYJlFgLoEBwVYcw0EOF8TYNpCSHA4AbbwA8mGAIGXANs0ASYYAlwBAa40CVCFN8YYAgReAlyvCTDKEOAGiwA3awIEmgC3Di3AGVcqwBdNAnwZAnxZE2CIIUDgJUBdgoMCPDi0AAMMAQIvAZ7QBOhnCLD3EgIEXgJ8SxPg2OEECHwC/JjxqRBgjEWA8RYBAi8BpmoCVKtAEmA6BJhpEqAmwYsCBJoAJS8BqlUgCbDIIkAwKMByCLDCIsAqTYBqFXi1BNg4hAAXyS+nGgIEyc0mAXpVgRDgMosAl1sECAYFuBoC7NQEqFaB6yDAtRYBAi8BgqEEqFaBQwlQleAIBPiCJkC1ChxKgLoEJ5MA90GA+ywCPEAClC8E9SiaAIGXAA0JDifAE5oAnzAECLwEeEYTIFWBqgDfHFqAjxsCBD4BXoX4exdgTZi4syaWV9TESP3VsSBO6q+Kl45VxrMuCHB/RaLUr5Ik9Zcns5byFKm2LFXqL0sD6QQ7bE9nXRDgwdIsqV8lW+ovyWZrIb7VxblSf3EesIF81lOYz7qKCvihwkLWX1hkIM2BABeC/vxSnTJ+IK9c7oL8jkCC/agE+/OqWD8E2J5TzTbl1LD+HIdGtoN3ZzgGxuiXNOJIa2RJaY38BKrA/jRiAe9Pmc8XQoDPpi7CdpNGcgtvTVos70Qb3J9ItIKlKosTlsm7UAX2x7cP0owqsDW+Qz4Vu5L3x3aAVbwf8psN+e1CG9wfvQasBevkF1EBdkGApyNdvF9lg4oDAuwO7+L94Zvk/vAtKjvCtypdaINfn7lV7p/5NHhG7g99RqmYsU0+NMONbWK73P/ks/Jz014Q39Mvc9gI3iHdN+0F+SCqwP6pL+m8LG8P2aV0Tdkln9XaYLBH7p+8R7ZN3if3ogrsD94v9wdpbIP4uiDAt9EG9wcc0oAAsycdVc5Agv3+R8Ex5I4rT0OAXX4nlHdA/xMeA5EGAZ6lNngC8arSD/E9BQF2jX9N+cu4M0r/uNfBm0r/mDdF4pg3lb6xZ7F9bpDNEGAXBPj+Y+8o/Y/1gXeV/tHviP+5Kexn8z4b8Pj8281E+TXdgT+yNPCmiddBB8gw5YgzYDVYZ8oRvSDHkiOOgNGWHHEMpFhyBAmDJkjMuV7l/Kur3su8d917ufe/OUjOz8+8n3nfOv3/u6sWeD/6B+FfwO1eHM75CX/6p7X8mZ++aeKosjOgCf/7LGD+zHTd9HvaZsoRz4N6S45YA5IsOYLk+lPg/VmE+DL4kiX3FfB5/TJGHNWh4ss10SwM8nMRVXH4Gc+aUQHaIcH5kJ8L8tNIYWkVKReiy1MlFwEBusrSBprw027PYAtKMyWXSrbksmdLxSXZUiGqQFdJHrDRT7awOF+yFxewRUWFzEVAgK78Ijm2oJSl5Jdgu1TDZmcL8sq4Pa+cN9kq8BpAgi5IMDenmpdDgi7Iz5UNUAU2Zjr5721V4iuZzvdvN7DNFv9GM7z6pQ4bafUDT0CAS1AFulKJ+bIrdYGcmrKI10KCLiKpWXYlN8uZSc18DiToUmmVXYnEUjk9cZkyN75NdhFx7Spp8StYZtwKvixuJV53yK5YEN3B4mM6lfrYTmwTa2VX1Fo+O3Itt0et5+2QoEtlg+yK2CBHh2/k8yE/l8pmQqkLe0qxo/pbjirQRcx4GmyVI1D9LYL8XCp/JhRnyA5xycmhQLf4Hiq/BSEvyC6Vl2QXqsCakJ2KHVXgKkjQBQG6ID/X5L3ytMl7+bKgfbIrqNtAqQ44oNjRAq8GLkjQFXhYcU06IqZAgMshQNekYxqQX6X/ccXu94qyBlWgCxJ0+XkU18STInBCr7Jq4knFBQG6IEDXxNNKBeRnH39aWTfhjOKCAFVQAfqjBV4DXI8T5xQX5FeGKtCOn+shQBcE6IIAXQ+/I+6+acq4lu9PGdPUYCZkfDP9QdLsa4MJyiUCms005+cC+kMleZnzJACaCTbniBpwryVHOID13EQF+G9Ljs4dCyaZckQdmKb/f3fVAuf8Z0Czsub3IkrBVEuOri8CTDPljDz9nqiqM+cLQKglR9Dv81FLjqB/VJ605Ag6b7glR7+7P+mXMeJwTO27uSZW8q+KlRpU4lTK0AYnVSVIRZVJUoNKstRQniTNKEuRgiC/hkHSpdKyDJZkz5SK7RlSgz1LozRrIKE0l8WV5koNqAIbUAE2oBIsKbKxpKICqbSwgDcUFmrkF0lTbMXSkwXFvAFtcAPa4AabnRfbylgSBGi3leN1JW/IVZGjcqtYSm4Vtms0cpxSUXYtS8qu42VZtbwha5ZGxizJL32e+JJ+qcMG5PcntL8V6Y28IX0Bb0gl5kszUhay7NQmbANUfw0QYFhyC8tLXoxtkES08obEZdLMhGXMhgqwgYhbzhti26UZcSvkMAiwGm1wQ1wHciBmlRwS28nzY1fzBlSAKjFrWS6qwCRIsCZyPW9A5acStVEOjtzIi0BDxCZCaQjbzHLCNstJ4U8pDoiwYcbTGjO3iYAZzyilM7YpDU+6df4sZ4W+IG7XL3PYCHpefGvaDqV46gtKw9SXDOSMaS/JSZBg3ZRdSoPKHrCbT5i8V6lCC9wA8Wnsl9NR/SUF7uezA3qUBpVDSgMEOHbSYcUBATZAfir+x0TapBMiCQKcA/k1qJxUGib2iscgvzpUgQ0TX9UY1yunTnhNJKESnIsKsEHlDXBWPIIKcM6Yt5QGlbNKw+PnRfJj50USJNjw+DugT2PMOXHXTVPHNv1vyNhmYYHa3Ru6BQYbAQnPHP2gWf//7qoFzvlFEE1vYImTgKo9c9D1XcsWeA9o1ja9gs67StscDPrdZeiXMeIwxgBrYpio0ccBB8cA49nxqkRtDFAdB0zUxgAraAxwcBxQGwOEBE+UZTJhGgfchApwIySojgGq44B50skim+RGG9yLNlgY44DqGGAxay0swfbgOCA7AQm6bfoYoEolF7mV+hhgNbb1cUC0wMeAGxJ8DRIU2bO4gACBVJNVI+7UL3XYUMcA57E3IECRro8DQoLaGOAiWajjgIDGAFNoDHAxtoExDohWeHnCUt6TuAzb+jigOga4XO6AAM/Fr5QFqkBtHLCDN8as4j00I2yMA0avkbuBO2qdfB6tsFDHAYE6BriRH4vswjZB44Bb5L2oBN3hT8nvQoDCGAeEBJ0znpFPztyGbRoHpNlg9+WPAU7bIZ+Y9oIijHFAVIE7IUE3WuF+tMKCoHFAGgNEFXgWEhQ0DkiTIRDgi2iJ3YEH5AtBB/GaxgF7PhSTekR+wGGlL+DIh4LQxgGVHWiD3agEJf9XPhT++jigOgZ4Eq1w74dCHQcEE04rzwI3qkA+4bUPhTEOOJbGAN9QpHFvfijG6eOAqAK3ow12Q4DKmPN4TbyjjwH6BHjpwDl9AhxOgLoEBwWYcgkBal+HuShAXYKXLUD16zC6AMsgwPIRChCMSIANFgECEmCaIUDgJUCaESYJDidAEN9mEuCKoQWINnhoARoShABR/R3TvhKjC3ATBLgJAtwsv4sqUBMgmPGUSYC6BEcqwOmGAIGXAF/WBEiTIUMKsFsTYJAhQOAlwMOaALXJEAjwqEWAgAT4hCFA4CXA05oAJxgCPGMRIPAS4Ns+AY44cM5PrQAdZgGCqjh2ugoChAiPVyVYBJikCVCtAocSoC7BQQHmDCFAm9RbXMA0AYKCApMAdQkOK8AKCLBScucZAgTZNSYB1moC1KrAKxAgGBTgQghwoSZAqgJVATZbBAhIgImGAMFQAlSrwKEECLwEuM4iwA2aANUqcCgB6hJUBfg0BPjMxxSgLsFBAe60CHCXJkD6TqAqQOAlwAOaAKkKVAV4aGgBTjIECLwEeFITIFWBqgBPKW78vChAQAJEK6wJEHgJ8JwmQLUKHBTg400PhIxt8njTfAJ/ODTe5zFBuaWAxqbM+VdAG1hhyhGHQbolR+wDf7LkiG6QYMkROwGNR5pzdG4ST74pRxwCVfr/d1ctcM5/AyH6e5gh6VdacnR9NP5WbcoRewH9nrpMOYL+Uam15IjlgMY5rXkXqLLkCDovjdOac/S7i9QvY8ThDBW3O6JZXk0080CAHgjQUxUn7YD82qgKhAA9qAI9FaAymdeVJ0vF5SnMgwrQAwF6ytKk58rTWVtZhrTdnsE8EKAHAvSUZA0sLslmTRCgB1WgBwL0QIDPFuWxtuJ86VkI0FNYwD2FhSr2wiLugPw8RH6pynZIsC3fzp+HAD0qFdyTV8HnoQpshwA9kJ9KTg3blu1gbdlO/kJWLfeg+lPJnM1ykueK2/RLHTZSG1hEegPfmT6Pe1ABetIXcA8E6EhdIK+DAD0QoAcC9CQ38bnJzfKmlBbZA/FptMqexCV8duJSeQvk50kg2mQPBFgX187nxi2Xd0N+nvgO2QMBemJXKnbIbwvwENGdKl1Ra3kb5LcX8vNAfp5IYj0vitjAtkVslD2oAFXCNskbwrfwtrAtSjcE6IH8VGZulfMgwGchQA+qQE+om5DXT39WfEe/zGFj2g7xk2k7lO3AAwF6pr5EyGtCXuJtITvlQ1N3KR4I0AMBeibvklMm75F3Q4CeYKJb8QR1K6uD9/M2tMJHAg8qnsAejYBDIiHwkNKNKtAD6an4H1FWoQ1u8z+uHEUV6PE/oeF3QsT4eZQetMGeiafAq4oH8lsJ+bVNeE05jjbYM/6M4hlHvCYiIMBjY99UPGPfAmcVz5i3lOWQX9uYt5UTY87jNXhMRfzypqZ5z/+gqeGFFjPN816gCoMmMFpMUI5mhmkCg2RgMBk8BEhq5nwQuM+SI2ji4puWHEFVHs1uWvO0P90qZv4s80EyoPe25kkadBva7038FlzW7VAbH6794rrHGn5vxj2jjY7/AzC/F0GSm2HJkYRmgl8D63XQ74lkbs7TDDed35wj6Pd5tyVH0P8vNPFifk+iBNC1m3NUIT+mX9qIoyzsnS85IgcmOGIkZzURKzmrYqQCtMIxaIFzIEFnZaJGebwUWJnMflGR8kGIfZCBiRUZ/CF7+sB4ezpeE1kfhJRl8j/as/kfirFdnKNRmDMwocjGHyq0DUxAFRiiUiiFFBSwX9qK2G9s2LYVaxTY+XhbKX8o1z4w0WZHjqiQQnIr+SMQYBRaYKeKgzuzq1lOrpPFZDl5ASpAJypAlcw6Pi629tK3FKY28N+n1fOitEbuVJlPSFNTF7DUlIXcmdKkkbxQng4B+ic2SyEqizWSW9n/JC3hY+KXSiEGCW3st7Er2KiE5bJ//ArkQAyIXcl+Fbuaj6XtmFUasZ388dh1/KGYdfKkyPVSiEHYOvbL8PV8fPgGKcQgYhN/LGwzf2jmZjkAlWBI+FNyyAwQtln8YuZTfCIkGEJMB09u548Gv3jp65/ykrh1+g4xfvoOHAdCXpRDprzAR4e8yB+a8pIcFPKyHDJZJ2i3+FnwXuEPCYYEEvuQ6+aPBB/gDwXul4PpdeABjUnd7LeQnz3giOKE+Jz+R+mnnDDpqIjxP6ZUQ4JOvxM6HjHqiRNy8BMeOWT8KZ2T4uFxp8RDE0+Lyerr0xqPnxZ3j3tdnjzmdTlkzFsaY98Sfxr3lnho7Dl5yqNvyyEGo98Sd1B1Q7Ob1hiuBd6s/16uW+A9/x8YSQtMbSZVPuagr49E6Kf8yFj/6Pz7Nzw2X5jZEtByAMePpAWu1k931QPn/iqgytcaV70Frox4/7bq6IF0VIDd1UQMiGVbIMCFaINdqAC7K4lE1l2RNJCkH/aJRXbRB9/IreBVuVW8GwLsRgUI5PX4uTDHyZ6CALtV6sAslpJZ+97Q94KaIqNBnp5ez55BBdiNFtjAnrKAtact5N2oArtRBXajAqxOaRbf1Q/zxSUiYL+4GwJ0UxU46TA4imrwqLIYIlyIFngXKsBuP52JJ8X/+gnxGf3Qqxv4A/EJ0BQ+AV4MdQwwijvRBgt1HBBAgqfRBmtjgNqtcUKbDJEq9cM+sciuEN/Nq5RXqPcG0zigNhZ4LMfB3RDga/qdIdpESO1ljgHOZenpDeyNjHlcQILaOKA6BshfVmeEjXHARawjrVn8SD/MF5eI4EPigYAe5axxa5w6E3xE2QHck44rknpvsHp/MM0EizGjxGWuXjPSwB+IT4Cm8AnwYngJUJfgoADjLAKMvzEEaDMEqN4aZxKgQxNgzhUIMGMoAc7XBJjmE+AVBQkw0CxAuj/YEOAxCJDuDfYJ0CdAa+Dc11+AURYBxmgC1BdHULmhBKjfG6zPBh/LqbEIEIxYgA0mATaaBYgq0CfAEcflCFBbIQYCPH5tBUgTBvTVCjO7QdQQuXr9sOsWeE9aMPR3gO6BNaAZT/qKDd2WZ/6MO8AC0GrKEVuBn37Kj4zNkxf/eGvI0j1mtkeuXInjScLmcxLrAc10mz8b3RJ4xTOvlwqc+2ZAd5mY35Og66a7Ssw5EmKgfuiIg8YAayIH0mqi2B4IUAUC3FQVyxZAgOsgwD2VRALbU5HIEvTDPrHIrhLfyCuXKiHAPSrVfE9ONVsHAS7IdbDN2U6+h8iq43sy6+TkzNph1oMzRcYcaXpGg/wUBLgHVeAeyG9PaiMvTZvPlqUuxPZCWSVlEa/yjQFeftAYYNAh8XTgYbGHmHSEUFr8jyoL/I4qO/2Piz3+r4g9fifEnonHr+0Y4A+BeeaQoBlfWnzTmkvXD7tugfek+3Dpe3i0OKjBD8D3gXU2lGaBswFVr+Y83Tr3B/2UHxnvHn3zO+++cq7FzF885+mWN1rI1HxOgr63+DVg/mz0uS759YorDZybVo+me3zN70l8B/y7Jfc9cKt+6IhjbqS4pSZCmuKMYi2QYAsE2FIVLdVWxQ5kV8VLVZBgCwEBtlQmSgH6YZ9YZJaI2/MqWCzk10LkVhFSFaq/bEiwFvJrUakl5OAMu7hFP3TYyJjLH0tv4LMgwBYIsCUNpDeyaFSARagAW4jUBUoLWuG4tEbx7/phvrhEBPaI74HZAT2iJeAwOCJa/I8I26SjtEiCWDTpmGiZ9Ipo8dP4Ga0KrR96dQN/IDd0Czxc4LPQzf9XvQXGfverR3jHcC2wWz/s7zJmPYkWOEJrgY02uDqana5BC1wTixb44hqBN1QLbF4jEFXgxRZYXyJLa4NH0ALXay2w0QYPtsDmJbIW+lrgkUTwIfZA4EG0wOY1AvUWOMBogfVxwIBr3AL7BGgK7OcToB6DAozUBKhPhpyuibYIENxQAqywCLAKAqxhrxlrBGqzwSMUYL0mQJoMUQXY6BPgxwlNgPJZrzUCDQEehQCNNQJ9Ahw68Fl8ArzGcVkC1O4PvnEEWKEJUK0CtdlgVYC5hgB1CX4sAc7TBGgsjkD4BDiy8BKgXgUG+AR4+YHP4hPgNY6Kqf13OMKlQkeEdMYRKZ2piQLRbBda4A7wfHWsdKYqDsTTz4Fc/bBPLLIrxbfodri8CnYmr5KdyQUQ4HN5Vawjp5rvRhV4Bq3wmWyQ5WQ2WhdQP3TYSJ/LoiHBfZDgGSK9gZ1JmyfNTmtkXemN2J5P8DOpC3kjPUBJP8wXl4jgQ+I+CHB/0EHlTGAPOKScCTikrIMAO0DvpKPKGf9jGpOOiYfoaXH6oVc38EdMt6u9ZOEFEDZErk4/7BMPfBaaGKHb4cyfcTugW9HoqynmPM0aT9AP/cjAfjQpZD6WoMUKaFLImm/QD/tYgfPQzC6J1wxNYtAEizVPT877riVn5P/TkvvpgbeOfTdwS+H3Arfa7jcI2lZ8r9822x362w8b9sh31UkQVICtKtGstSZ6YBZ+ZldFX6ipjmGtqABb0Qa3VsVfmGaPv/DtssS/3m9gT5TuKUka+EFFinS3mkvTKE8VdxWmDtxVjG2VrL/eX5iOfTMHflCYI91Dr1VsOIdNfBt8x2Zj9xuUlEh320qwr13cYytGTie3lP08r5wlowJsRQWoklPJq3OqpBnZ1VJorkOOI7JAZg37bXLlG/+qX+qwoU6CzOVzMufyVvxsTW8AjXJ0eiMvRgXYCvm1ogVuTV3A4lEFjkqcz+4fpJndTzPDiYukn9C2QWzbhe8mLr7wn0nLxE8Tl7L7YwxWiP+IXiH9JGYFbWtErJJ+HNMhfhC9SrovfDW7f5BO8e3ItdLd4euxrRPVJX4Utgn7don76HXoJo2IzeI2m7j04q/XM/wOiv8MPKDUowJsDTqktEJ+QNgCaaXoI0oLBNiqclxp9T8u7ruWkyB0vykJwswGMGWIXLF+2Cce+CxfAJH6ZzOgVVjo6zG0uIA5TwJ7VD/0IwP73WU6zsBYINaar9AP+1iB89C9ztZz0yILdD+1NT8H0IIU1jwtTEuLpZpzy/adO5YxZWtR3pSnC7sMJj9TtHTyM8UT9bcfNkqn/OXWmrALEagAu1Qipa6aqIEl1dFSOeS3sCpG6kIFqMMyKhNZTGWC1EWUJ+EnLZOfLJWXJw80laVKXWVpBrykLIMX2TOlLpUsqaska6C5NEcqL8lhzcW5UpdKHvJ5LL44n6XScvmFBaCQ4IsKi3l5QTFbnF/CulTsrCuvlNlsZbwirwzb5aCSdaEKXJhdxX6lX9KII3uu7Jc5hy3LnIuKj6hnXWnz5LTUBmkWVYEE5NeFSjAbIqyHBLtSF7GuZKIZLGaZyS18XtIS1kUktIKlLCN+KcuG/JYntLGueKJdJSF+JZ8Xt4J1xa1kXTEdYBWfG71aKY/tlFfEdLKuaGIN64paK8dEr+MLI9exrsj1rCsCRG5UZkdtVMojN8od4RtZV3iX3BW+We6K2CQeC1t35SuDX4sI3C9+ELiftwcekLsgwi5UgV2TepQaCLDc/7CyftJhvD6qdKECBOIB3yywJfBZ/m5aYJyH5GqNq7Ic1t5zx9qnPF3UGfJMsRjk6aLXQYr+9sOGMQbojGDCqY8D1kTpY4Ax7Li6RJY+DlgZN9COVrjevEZgZZJ0qiJZcleksBMXl8hS2WTPkDZ6rRGYJZ0szZbcJTlSr7FEFj0xriiPzS+0sdZi0xqBkOCJwiLuLihhrxprBOoLpXbayiS3eYmsvEp+LLfiyh+KlDWXpUN+b6ACFJnGOGA9X5I+j79MX4pWxwFpiaz5rANt8AHtS9HaGoH0sKSkFr4c9JjXCExo5W0JrXJHQhs/Z6wRSAulxrXzxrgVvMdrjcBVcndMh+yO6ZTPG2sEElFr+JyodfyYeY3AyA3y3ogNsjtiI3/XWCOQnhgXtplFB298+7o8S/pyg8YAgw7IZ81rBAYcVnbQ/cEBRxRpcImsY74xwCEDn8UnQO/4ZASoS3BQgPSVmI8SoCbBiwI01gi8pAAvrhHoJUDvlaKvvgBnQYBzTALUuChAujPELEDTGoFDChAMCnAZBKivEWgV4MU1Ai0C1CWoCnAtBGhaI1AVoEsToLFGIHFDC9C0RmBADwTYYxEg8AlwiMBn8QnQO669AAEJ0AEBOkiAdGvcEAJUq8ChBHixCtQEmDG0AM1L5XsJUK8CBwVYPLQA8w0Bal+HuXoCBF4C1G+NoypwSAGCpCa+PMUQIBhKgMZS+XFtvDG+3SRAQAKECN0xqyFA01L5ZgEaS+VHrrcIUJfgDSvA/UMLMNAQIC2QcB0E+ACgJ7iZocU06QE+1txi/bBPPPBZaOKA7ok1f0ZaKLUdrDXliF0gWD/0IwP73WM6zmAzoLX4rPnl+mEfK3AeWrPQem5aYDbOkiPoHmhah9Ca3wRoIVZz7uV9516ZNfmZwsYpWwt7B3m6aCdyYfrbDxtVYe99pTaMxTrDIbwInUi20hElOSHCpVolSPcFS+7qeJZXFc+SKtVnBmtUJEkrIEBnecpAW0WK5C4j0lSqSjOkCvWZweqD04mBdgjQWZw9sLw0R3IX5xkMpBbZBnKK8rlbpZC7Cwv5MrTCzsJieUVhMXfnl+qU8RLIr5aeGQz5qeRVsqW55ey3+iWNODJnSUEQ4OqMudytUs/dmQ0sJ72BNwJ3WiOYDxbwAgiwKWWB7E5ZpNMEmmVbcgtrgfzcScQS2Z24hOUltSoFiUvltQnLZDcqQHe8Rmrcct4CAbohP5XYlXxR7CrFGbNKXg+oEnTTCtGRa1gSBLg0SntmsA5fELVRcUZsYBsgPzdBK0SHbeLjbrQxwOCD4ofBB5Q1EKA74KBOjzIn4Ihwog3eOgmtMH0lZhItkX9E/Ppa3gpHAqSb+s0YArTmrrsA8Z506xfNcJLsDOh2N3oyGm2bPyOtCG0I0Jx/GYxEgOZjCUOA1ny7ftjHCpyHBGg9tyFAa54mo0iA1jwJkCZrzLmXz37QN2vzqzsbt5zeedJg8+mXdm4+tfOSAnRMFTc7w6QgR/hAs0okIdXURA1kQILl1TEDzUQVEcsiK+OkqVXxA80VROJAc2WiVF2RNJBRnixVQoLNKqkESy1LG0ixpw802zMNpMqS7IEMSLCqJGegmSjOHWguypOmF+VdCC+0DTQXFjAVyK+ioIhlFJbwalSBzSolrNlWyhJsdpYFmm3loII1owIst5WL+/RLGnFkzOajIcHazNmsGSJszqxnzRkNckRaAy9In8eaVRoJOTp1AS8GzSnEQtDEm5MXsShUgaVJzbw5abEBi0xqlaMhwVmJS3kzEd/Gm+PapNC45Uqp+tzgFRoQYFFMB8uI7eBzYlbx5phO3hylIk2LXqeUR63DNuEC65WCKBfLiNzA54LmyC7eHL6JN4dt5L+fuk38s35JN0RMOiC+G9TNZwXt582BBzQCeuScwENyBgS4AAJshgBVJvaIn+KP5NrMYuOP5IZugfGe13U1GOz3d9UCA/oHgWbHzUHPeL5kC0xL4jvDmM0ZznodRATrrYmUXnRGsXZUf9vRAvcSaIN7q+Ok2aj+SlAF9qoksF4IcEdlMmtHFfhseQrrhfhUylLZEgiwpSyd9dozQCbIkp5DK9yOVvj50hxGbXAvWuDeEhsvK7ahMsxnvURhAe9FFfhnVH7taINfKCjmvWiDe1EBAjY/386XowLstZXroArMreJX/GjQzFoWmTmbv5w5h/eiAlRJr5dq0xvk9WiBe1UaeW/afKk+dQHbkraQ96IN7kUb3Is2uBcSnJPczLamtMi9qAA1lvBZiUt4PSrAvagAe1XaQLtSFt8ub41fLveiCuxFG9wbu1LeFLuKt9NkCFrg3thOuRctcG9Mp1JMlWD0WrkXbXAv2uBetMEbIcL2yA3yAVR/vQQqQCIkapv4N/2SbogIgNTQAu8J3i/3Bh4ABwlldcAhpR0CPB5A3wXU8Tsm/ngtvwfoE6ApsJ9PgHrQGGBtGHfWhjOhjgMCtMCnUf25HdHsON0bTOOA2mSIPgZoLJGlzgZLpyqT0A4nsxPqw5KMJ8alsk1ofzdCgILGAWkyhMYAqRXGz156WJLxxDgaAyymMcB8JghtHJCdQBXoLihkr0KEwnhiHATYmW+XqBUW6jggcTXGAGexN7LmcAEJGuOAS9Lr+cvGvcHqREgj60ArfGDw1jhjNngRX57SzHsgQGE8MAkCbEMr3JHYys9BgurDkmgc0BgDTFguC3UckNDHACHA80DQOCBNhkSv4XPAMQhQGOOANAYICbpR/b0bSQ9L0p8YF9Z1A44BdrMHgrrls8H7FYFWWBsHPKjsoFY48LAiGUtkqWOBn+ZJELynT4De8ckIUJfgpQRoLI6gzQabBJisCVCfDNlkT7UIMNMiwItPjNMEaNMEqM0GQ4DqWKBJgMBLgOBqCRAMK0B1odSPIcCkKxXgak2AMZcQIE2G3KgCDDYLUJWgvAPQMvmSemucT4A+AWqbXnH9BRhmEmAEBKhNhhxX7w0mAaqzwSYB6hIcFGDS0AKk7wSqAgReAqSHpxtVIAkw1yLAAosAgTYbDAGWQoA0I2xUgRVXSYCzRyhAfTZ4UIDNlxCg+nUYkwANCV6uADUJagJ0QYAb/vYFaCyVH3AYAryGLfBPQIcFWgCU7kKw5mj9u1sB3XJl5uuA1qIz5+h2raH2pXXr/tWSM/JD7U9r2tFT08yfhe7sIDnQ09esefqMNIHjNEHPMv61fskfGdiP3tN8TsIBRltyRKF+2McKnOdHwPx5CZoAoSfDWfP0ZD56Gp41T78P+t/Mn28hoNsFaeFYc54WTx2rv/2wURYmvuQIHZigSZA76SsxNRFSQU3khVhHFMuhZwYT6sPTo6WplbGSf2U8d15Eyq9IuBBbnjiQV5nMnRUpBiyyNJVFlKVxZ1mGhj2T5ZVkXogtzRqwlWZzp0oud5bkSAFFedKUYht3EmiBnYX5LLcon8WiDc6n2eCiYo3CYnlGvl2OtZVx5yDlLMdWId2tX9KII3M2/33WLF4EATqz5nJnBkifI4Wk1bMUCNBJpKlPi5Omp89nGZCg+uS4lIWKM6WJkKclL6K7QRSnymLFmdAiT01cLE9PblVKgDNxmU67CIhvlzPj2xVn/AqwkmDpsStYbOxKbqfZ4NhOxRkDolbL/lFrWE7MWmyv03HJqZEuFgsBlqmzwcQm5J8Sv5nadPLGmgTZe+HbQft4SdB+xalyUHEGHJATAg7KsRBetTobDPyPglfEj/FHcs0mQehe4OcsUPVBcrHmqOIKBmtMrAYkGLspR9AsJs2cmnMErdZMM8/WPD1zONCSI6jaocVIzZ+FnqVLM6EkOnOeVn4mAdKCoXQfrcEd4LK+BoD96B5c8zkJesj5REuOmK0f9rEC56Eq1/x5CboGeh6xNU9L4t9iyRH/DWjhVvPno9WpqZIvM+UImiUP0t9+2KgOFV+uDZVmOGdKa5xh0hoHqAlnCyHB4prIgYbqSGlNdbROjBRKwiyP/uvXDEri3r+9NFrcWpksbjPnKUeUp+K1jrpvhri1JPP92815W3zfzTabANgeRNxWWop9S96/3ZwvLBd3FZTIGWiF19iIMrYmr0yqz6tkmagES/Oq+ByVGj4nt5pPTC9750v6pQ4bmXV8QvYs3pQ5i63JnMPWZIDMejkxfS6vzmhga9KIeWA+S0uvl+5JXfDXr5nJmCtuSZ77/m3R2DaIRC5jqbglpan/DjW3TCO+SdwcsVjcZrwmYleIr0avFrdGrRB3RK9BTmdqJ/ZdhX1Nuekb3/tq9FPY16Xt+6TO5M1v/Cv+I/sH/ZJuiAjeOXBXcLfSErxfXhNIHJDXBPUoZQEHRXFAj9IRcEhZQ/gfVtb4HRX33yi3wpF4SHbm4IDaTnpIuDmoTaX7cq1Bz8wYr216RR8geVmD2riRtMDN+qVdUeD4694CX43AZ6FK/qq3wHUzJLUFNtpgrxbYWCKLWuCYT345rKIi8d0Cu7xC+1K0Pg6IFlj9PmAFe820RqDIrr685bDMLbDRBqMKXAJeRit8cYmsBrTAjb7lsC431BZ4H1rgbrTAgxMhWgscZLTAxjjgNW6BfQI0BY73CVCPQQHO1ARIkyGOcAhQ/WK0SYCgOuoGEiDNCBsCLIMAyzQBqrfGaWsEityqEQiwDgKcpQmQJkN8Avz4YQhwsiFAEHRAF2APBGhaKdonQJ8ALxn4LJ+MAOn+4BtJgCWaANUqcCgB6hK8bAHWDi/AwcURgE+AIwsvAQ5WgT4B+gR4hYHPcs0EWDdT0gSotcEXBWhaKfpGEWChWYBgUIDlEKB2b/AVCTDbECBhFqAuQZ8ARxaDAtxnEeABEqAs0b3BF9vgaytAmoGkGV4zy8GkIXIkKJKROU9/YHRLGgnTnKdJDZowMecIWqyUJOOdV0Tz2Z2nJh1dumulmeNte+j+1m8AfxM0IUEzwz815Yz8/fqlXVHgeJoF9v5s2oTLw5YcQWv20eTDEybGgiuedbxU4Nw0YUKLtprfk6AFW2mdQPPnmy+fOpXwweyG1A9mNawcZE5D419nzR2jn3LYKH9SfMExfeCR2lApv3Ymz3cASDAJApwGAcY5IpEjonl+TeSFh/TDPrGw28UtEKA/5JdvMyhjcbYKeZq6UGolXoNcoor/KbX83Bf0Q4eNbCf7TfYslgIB5mfqoBqcmFkvh6fX83yDtHrZnyY79MN8cYkI7hb/HrSXpUF++cEHNIIOiNCgg2Ja4EE5N7BH5E86rBF8WNyF//Cv2SwwyajHAlU8sUPkFoF4U46g75/RTO0SU46g76vRLK05R9DK0n+w5HoULr94qPHFaNejjT0Wtugf9boEPgtVUl6fDdBsNH0tyJp/CpRYcnR9afrprnrg3LQKDlWj5vckqMqjhWDNue3S9ueqzt1196zzd93TY8L99l33TNdPOWxUBb73ldonL8TWhUpuVIJuZxjBVjoiJCda4aXqZEiU5K4hotllfc/yWobNJr6WX8wLgLY4gp0WSGBLUQHS12E6tMkQUKm2xNEZpZd+ZGimUwrKrmOrs+q4G+JzowJ0Z85mORlzWCOqQHVxBAjQTfcGJ9dd+A/9MF9cIoL3iB+i+luDKtBNBHWD/coc+jpM4AF5K37S4ghuWh/wWi+GcEO0wAqT+w427rBteGy+MAMBntQ/6nUJfJSRtMAnAVW05qDrq9ZPd9UD56avwVDFbY0hvwg94H62/fxd93ae/8G9YpC77nn9/F13X14LHIoWeIYk6vRxwMEWOJwdN9YIJG6YFrgYLbDXEllogSFCCFBtgY1xwNyKEbTAtWiB67gwtcFLMuegBaYlsvQ2OK3e1wKPJKgFnrxXa4EH2+BueQfaYDfaYEm9NU5vgz8VY4A+AV5e4NyfkAC1cUBUgKoAIUJNgLoE/2YEqI8DXrYAHSw92yxATYIXBajdGQJ8AhxJDApwryZAbTIEAqRK0CxAdaVonwCvW+Cj+ASox/8RIKpAEiCtD6gKULs3+IYToLE4AjEowDII0Fgo9UoFCLwEqN8ap1WBPgGOJIYU4D5NgKgCNQGC6yFAGsTfZ2EviBoiNx/EmHIEjfXRrVUkAnOenpqWYMkRJMrfWXL7FC4/d2jeC1GQ3j4z6x9t7NI/6nUJfBZae9DrswESC03+WPP04CH6h8Kco+tL1k931QPnprtA6GFQ5vck6BY3mqwx556Wtj9bDgE63r7rnn0GEODWt3/wk6n6KYcNe9C7t9RN/2ByXejAYucMjdowiRZHyHSGSZWO8IHFjkiN6ggpQD/sEwu6Q6SgmMXQw5IKSjTyS6TK/FKWmWeXaiHBxbkVGrYKKcjmEDfrhw4bWXX80exaaVaWky3OqtPIni1HQn6FmXPYYpV6tjh9DovNqhdf1w/zxSVi8u4L/zllnzJ78l6+ONhgv5wbtF/ODDqgLArczxcHHlRU/A9d26fC3QuogjPzDJg+RI5mPe8EdIwZ455dc44WFqVbtMw5giYZvmTJqfld87bf6RrdeK+ZjQ8v/KH+Ua9L4HN83vK57j3aL93rv/fcOP9d59xm4g6+QzPg6cD8e1oP6OlsNGlC9xAb0GQJVZGpphyRCegJfOYcQf/QPGTJEXRfL93fa35PgiaoSMbm3Gr57NnQvu/f/R9937vnXoM3vnP3j8ElZyzpVjhUf6GzQqXO2hk6M9mC2nBehDa4HpVgZ02EhiNiIKE6UvKriZIcVUSM5KiOHcirimXRlfEDOZUJkkMliX6yiIpEFl6eLDlUUiVHWdpArj2dRZdmMPyUHPZMkC05SrOlSSWZ0uQSbJfkSI4iUJzHsovyWHSRjeUV5ksOlULJUVDAIgqKeCEE2EkLI2jwufllvCivjC0EnXkVOpXy9Ay7uEW/1GEj0zEwIdvJmlAFdmbPMpCTMmfz6qy5rDODqGedkGBaOq0UXS850ueB+Rpp86WpqQvk9NQF3JG8SCO1SZ6S0iRNS27mxUnN3JG0WCNxsRyQsETOSFjKHQbxbSw1dhmLjm/nJXErucMgfqXsF9vBsmM6uCNmNVjDHdGdLCV6DYuOWqOURq3jjigXd0RqTIjaIOdGbuCOcKKLO8I2y0kRmz+5Wesp+8T3Ib2WKXvkTlR+GvuVssD9ShEEuDLooNypoXQGHry2t8L9BtB38MycB1lD5Fbrh32q4tbnzn3hm1tOz/zG1jN9Zn7z/BvUdtJjKs2/J1qKnu53pq/vmPPULrvA86YcQatVUwVtzhH0PUda3MCap3uyaeVna57OS/csm3NHQaJ+GSOOmuD+O+tCL5TNCh3oq5sBZkqA9aD6c6EF3gMB9jkjQKTUBwEuUleLjpb6qokYEMsOVMVJrqp4tg/y66tM1ChPklZXJLGVFSnYJlKlvrI01l2WLrnK0tl+e4bUBwGqlGZJdaVZrLE0R+qDAPtKckEe21tkk1zFNnawKJ/1FRWAQlDElhYWMVdhMesrLGF9ECDgu1EButAGH8ovY3155aCC4CW2iv5LPhsZLXBCtpMfhQD7sutYHyrAvqxZrDFzNtuG6q+PgAQBb0mv5zsgwb70eaCR9aWB1PmsCfJ7MXUh7yNSFoEmvjC5ibdAgCeSF/M+lSW8L2kJr01slV9MWsr7EpeBNt4X3yY/F9cuuxKW85Nxy3lf3AqwkvfFrlKqYjvk3TGreB8E2AcB9kWvkf8c3Sm7otfKp6LW8z4C8iPKwP6IjbxPpYv30VL54esHvqdf5nWP4D3s55P3yK+Avsn75D60vn1B++QtQd2yS31WyEG5L5DoUYAYfaOMAd4wD0W6nvHljW9/8ZtbX4v+5tNnhJnf7HhruDFA+koKycgc9A8IVWUkTXOQpGgVG2tcreWwMvTLGHEYY4CoAIU6DqjNBp9Wvw5DY4D6Elk0GVITNdDuiJLqvdYIjJFO0fNCIMATF9cIBMlsU0WStNF7iSzppPq8kHSp11gjkB6YVJrJ5tuzWKt5jcDiXOlEsU1yg1cvrhFIj8xknYVFktt7jUB+jL4OY7Oz19Q7Q/RxwMsdA8yhMUAneyOnlotsQhsHXEKrRNOMsDEOmDGHdUCAB4xb49SHJRHz2XIIsMe8RFbqIt6WvEjuSGnm55L1JbLUJ8Yt5o2JrbzHe4ksuVt9Xki7fH5wiayVsqAl8mNX8WPei6TKe7VVovm7xhJZ6hPj1nEnBHjSvEQWBLg7okvcpV/mdY+pu9gDk3fLZ6fsUcQUfRwweK+8Q/1azH5ZurhEFvI30CSIT4CfVgEaEpwpaQIMswgwQhOg1xqBhgDjIECvlaIhwESLAFMsAgReAjStEagKkB6YZBYgrRRdYBLg4BqB3gI0nhh3tQSoLpR6CQGmfYQA1YVSP4YA4y4hQPWJcTeoAKeYBQgGBdgNAar3BusCPOgT4Ccan3oBPmkRoPqlaHbcvFS+lwB1CV5KgKgENQGCQQGmQYBeK0UPIcAciwDBoAALIUB6eLpRBZIA1S9FmwQIRiRABwTovLQAM8wCNCRIApwPAS64hABpoVSzAHUJDivAlRYBghhDgGsgQNNK0X+rAtRWiLn2AqTJiwoL5ZvPDzzifvtChcG2ty+UP3XuQph+2KcrdonPfsv9+n99c+uroWYe3vkmLUxKs8Pm3x39w0ETSDQJYs4XAJpZpwkMc95Y4NScI2hfWgfRO88GkuTDe4Ol3X+uMMMO7qQJFnq6XKgJ+gxXfFue7THx+dqp7IG66RdCDZxPSgHOUD4aVaCfM1wKJaqJMP5gTTj7dXUktokYKdQRI0+qjuOj1YVS46TQQeIHHqlIvPBwZSK2kw1k//JUPro0VZpUkiaFGhSls9+g7R1Vko3XBjmSf6GNjy60qYulhqrkS6EFBfyPxcX80aIiKTRfp6BY8rOV8tG2Mjkgr0QKzSvTyK1kv7DZzlxyjchMp3R3ZrUUlO2UQlXqpNDMWv5gZh0fl0nbxBwpNH0u/13anIEJafVS6CCNUmjqPP5gyryBibSdtlAKTQZoiR9MXsR/l9QkByc3SaGJizUSlojfJi7mE9XXrVJoHD0lbhkfH9fOR8ctlyfHrcBrnZgO8WuaCInroG3QSfBxUZ18dFSnPCVyrRQ6SCf7VeQ6eVKkSwoN36jTxceGPSUuuR7itYrJz79/2+RdcvDkPXJokE7gbv544B4xOnC/ND3oAHI6Uw6Kb0JU/6AfenUDfyC/AnRz/CCyopz5vvuNtLu2vf66wQ+2nTkDrspjIP8mA/8C3bnuzOfN7H73As1+02rM5t/fEUAzsrNMOYIe2UmLx9JsujlPC5TSpIY5R1AVmWjJva785Z2n3iucWdfn/5PXvZh0D52D7hOmWWyDfwGf1a9gxOEMeP/2WdMH8mZNlzyoAlVqZwzsAG21M9k2VIEetMEeVIAeRwSv0xZKZZ6aKBDNPNXR0nM1saytOk7aXh3HPKgCPagCPZUJrKU8kTVVJDEPUZ6CnynSn8tTWVt5uvQsKkAPYc/Azwxupxng0izmUclhnpJcaXtxLmtDFfh8iY15UAGqFOXzeUVFvK2wkHsKinVK2Db8fDSxWvyLzSY+f5GDn8N//Zf8o8qtYRE5NdJOVIAeIquWeyBBR+Ystg5VoEdlDvdkzJHmZtSzTagCPekNYJ5G2jxpdnoj24IK0IM22JNKLOJ1EODc5CZ5N6pAT0oL9yQt4Z7kxdyeuETegirQk7iUexJUWFdCG29LaJf3xrdzT/wK7olbyT2xHUph3Er5mbgObK8Cq7knZrW8AQJsQxXYHb2Oe1D5eaLWcw8qwTxUgM9GbuCeCGIj94R3yesjnxLf0S/zuseUndJPUQHuAp4pe8Be2RPcrXQEd/O24P3yUYjPQwTSzx7+h+vaAkOAyje2nik0t3vf2PqagjbwU9kCDxf4VX0LXNcWWPnL+T3v5Uxu7hvzXeHF499p1T/WVQtqgWdP11rgwTY4VDpdN2PADQEepztDjDa4JhwtcARaYH11GHWJrGjpFD04vTqWnYAATc8K0VvgJHVCRGuBk9ECaw9O71WfFaK3wWoLnMla0QYLow1GBXgCbTA9OP1VCFB7Vgi1wflaCwwJCqMNLijhxyDAK34mCLXAQG2BB9tgtMBohV/WvxSttcFGC6yvDjPYBs+72AJfbIP1FrgJLXCzLIw2mFrgJGqBW7Gtt8HUAgN6aPp5SPDis0KoBV6JFrhDFkYbDAHujVYfnM7fVZ8VorfBagu8np+McqH91dvgiI03QAu8Cy3wbrTAehv8f1pgfRww+CC/vmOAPgFeXuBX9fcvwKkQ4HRNgPpkyOm6UIsAgZcAwVACNJ4YhwrQW4CABIgq0F2WCgGmmQSYcVGAdkOA2ZoASwwB6hJUBZgPARZeAwE6NAHqkyH/V4CzIcA5/IB5jcBBATZCgPM1AWqTIUMIEHgJEKjjgBYBDj4xbrlFgIAEGEMC7IQA1wwtwKgbTIAhhgDBZEOA+yDAwSWyfAK8YQO/qk+fAJ80BChpAtQWSAC6APVb47QqEAKMtggQeAkQqLPBFgEaT4z7PwIEJMBSEmAuBJg3tADVKpAEWPwxBVgNAdYMLUDzGoFeAvSqAocXYKohwMEnxkGAiyFAmhG+WAV2JyyT3ZDgRQGq8DmoAjUBgqEEaDwxjgSIVviiAMENJUBdgj4B/o0FflWfCgGiDdYEqHFRgKaVoocUYJRFgHobrAowAQKkGeHBKhACTJbc5WYBAi8B6m2wVYBGG0wCLDILEFwtAeYaAtTa4IsC1CU4KEBjcQRDgA2aANMNAaptsEmATZoAtTb4MgRotMEkwBUQ4EpNgFQFxqyCAFfJ7hizAIGXAPU2+IYQ4MsQ4C6LAPdqAjQvlX+tBfg5QLe3eXHrmsNf+GZX750GXwH/vunVL+uH+QKB39NnAN3WZ/7d3Q7oft2bTTkjT4/9pMUMzHl6bd2XoH3pqXDe+ffe+0pf/Nibz/7pm3ea6Rv7rUve1zrSsNnEP9YGiy/SHSEGcyeL22ZN+cutlZPfv60mTNxp4Jgqbi4Le+dL5lxlhLitNBr7RmDfBOR0qhPFl22J7365GNsGlcnva/vipzlfli6+ZIsXNxdn4bWOjfbN+MutdO+vOW/PELdkIF9cjNc6JSXiq9jvih8JmVwp/jWz5P3b6SszBvEOcXNSlfiKOZcx991bMmvf+2rWPLw2QU96i60VX03AtgHl6MlwcfPF7WpuiUb6PPGl2IXYV39NJC0VX4luEbfGLcO+pnzsEvFFemJcwiq81glbh33VJ8j13xFGr3ViN4ov0hPkwrrw2gD7XrPbyy4jwnaJzwa8IG4P3iXuNJhySNw67iVx69SD4o7gQ8jpPHxM/D/9MF/4whe+8IUvfOELX/jCF77whS984Qtf+MIXvvCFL3zhC1/4whe+8IUvho2bbvr/sBuuuRYrmy4AAAAASUVORK5CYII=" alt="PGBET logo" />
      </a>
      <nav class="nav" aria-label="Main navigation">
        ${navLinks.map(l => `
          <a href="${url(l.href)}" class="${active === l.key ? 'is-active' : ''} ${l.accent ? 'is-pgsoft' : ''}">${l.label}</a>
        `).join('')}
      </nav>
      <div class="header__actions">
        <a href="http://pgb.zone/link1?path=/mobile/login" rel="nofollow noreferrer noopener" target="_blank" class="header__login">Login</a>
        <a href="http://pgb.zone/link1?path=/mobile/register" rel="nofollow noreferrer noopener" target="_blank" class="btn btn--primary btn--sm">Daftar Sekarang</a>
        <button class="hamburger" aria-label="Open menu" id="open-drawer">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><path d="M3 6h18M3 12h18M3 18h18"/></svg>
        </button>
      </div>
    </div>`;
  document.body.prepend(header);

  // ----- Drawer (mobile) -----
  const drawer = document.createElement('div');
  drawer.className = 'drawer';
  drawer.innerHTML = `
    <button class="drawer__close" aria-label="Close menu" id="close-drawer">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" width="18" height="18"><path d="M6 6l12 12M6 18L18 6"/></svg>
    </button>
    <nav class="drawer__nav" aria-label="Mobile navigation">
      ${navLinks.map(l => `<a href="${url(l.href)}">${l.label}</a>`).join('')}
    </nav>
    <div class="drawer__cta">
      <a href="http://pgb.zone/link1?path=/mobile/login" rel="nofollow noreferrer noopener" target="_blank" class="btn btn--secondary">Login</a>
      <a href="http://pgb.zone/link1?path=/mobile/register" rel="nofollow noreferrer noopener" target="_blank" class="btn btn--primary">Daftar</a>
    </div>`;
  document.body.appendChild(drawer);
  document.getElementById('open-drawer').addEventListener('click', () => drawer.classList.add('is-open'));
  document.getElementById('close-drawer').addEventListener('click', () => drawer.classList.remove('is-open'));

  // ----- Footer -----
  const footer = document.createElement('footer');
  footer.className = 'footer';
  footer.innerHTML = `
    <div class="container">
      <div class="footer__grid">
        <div class="footer__brand">
          <a class="brand" href="${url('./')}">
            <img src="data:image/png;base64,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" alt="PGBET" />
          </a>
          <p>PGBET — Official Partner of PGSoft Indonesia. Platform casino online mobile-first dengan fokus pada game PGSoft, slot online, dan live casino.</p>
          <div class="footer__age">
            <span class="pill">18+</span>
            <span>Hanya untuk pemain dewasa. Bermain bertanggung jawab.</span>
          </div>
        </div>
        <div class="footer__col">
          <h4>Game</h4>
          <ul>
            <li><a href="${url('pgsoft-games/')}">PGSoft Games</a></li>
            <li><a href="${url('slot-online/')}">Slot Online</a></li>
            <li><a href="${url('live-casino/')}">Live Casino</a></li>
            <li><a href="${url('promotions/')}">Promosi</a></li>
          </ul>
        </div>
        <div class="footer__col">
          <h4>Bantuan</h4>
          <ul>
            <li><a href="${url('how-to-play/')}">Cara Bermain</a></li>
            <li><a href="${url('faq/')}">FAQ</a></li>
            <li><a href="${url('blog/')}">Blog</a></li>
            <li><a href="#contact">Contact / Support</a></li>
          </ul>
        </div>
        <div class="footer__col">
          <h4>Perusahaan</h4>
          <ul>
            <li><a href="${url('about/')}">Tentang Kami</a></li>
            <li><a href="${url('responsible-gaming/')}">Responsible Gaming</a></li>
            <li><a href="${url('terms-and-conditions/')}">Terms &amp; Conditions</a></li>
            <li><a href="${url('privacy-policy/')}">Privacy Policy</a></li>
          </ul>
        </div>
      </div>
      <div class="footer__bottom">
        <div>© ${new Date().getFullYear()} PGBET. All rights reserved. PGBET is an independent platform; "PGSoft" is referenced as a game provider for editorial purposes.</div>
        <div>Bermainlah secara bertanggung jawab. Jangan bermain jika Anda di bawah umur 18 tahun.</div>
      </div>
    </div>`;
  document.body.appendChild(footer);

  // ----- Sticky mobile CTA -----
  const sticky = document.createElement('div');
  sticky.className = 'sticky-cta';
  sticky.innerHTML = `
    <a href="http://pgb.zone/link1?path=/mobile/login" rel="nofollow noreferrer noopener" target="_blank" class="btn btn--secondary">Login</a>
    <a href="http://pgb.zone/link1?path=/mobile/register" rel="nofollow noreferrer noopener" target="_blank" class="btn btn--primary">Daftar</a>`;
  document.body.appendChild(sticky);

  // ----- Floating support FAB -----
  const fab = document.createElement('a');
  fab.href = 'https://pgb.zone/cs';
  fab.setAttribute('rel', 'nofollow noreferrer noopener');
  fab.setAttribute('target', '_blank');
  fab.className = 'support-fab';
  fab.setAttribute('aria-label', 'Live chat support');
  fab.innerHTML = `<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.04 2 11c0 1.74.56 3.36 1.5 4.74L2 22l6.42-1.45C9.55 21.49 10.75 22 12 22c5.52 0 10-4.04 10-9s-4.48-11-10-11zm-1 13h-2v-2h2v2zm5.07-7.75l-.9.92C14.45 8.9 14 9.5 14 11h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26A1.5 1.5 0 0012.4 4c-.82 0-1.5.67-1.5 1.5H8.9C8.9 3.57 10.47 2 12.4 2c1.93 0 3.5 1.57 3.5 3.5 0 .77-.31 1.46-.83 1.95z"/></svg>`;
  document.body.appendChild(fab);

  // ----- FAQ accordion ----- (auto-binds to <details class="faq__item">)
  // native <details> handles this; no JS needed.
})();
</script>
</body>
</html>
