
<!DOCTYPE html>
<html lang="id">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
  <title>RP777: Situs Slot Gacor Hari Ini &amp; Download APK Slot Online Terpercaya</title>
  
  
  <meta name="description" content="RP777 situs slot gacor terpercaya dengan akses tercepat melalui APK download atau link alternatif anti blokir.Coba game slot online terbaru kalau lagi ingin cari peluang jackpot hari ini.">
  
  <link rel="canonical" href="https://belcroftbiblechurch.org/">
  
  <link rel="icon" href="/sites/409/favicon.webp">
  
  <style>
    :root {
      color-scheme: light;
      --alert-red: #dc2626;
      --alert-red-dark: #991b1b;
      --alert-red-soft: #fee2e2;
      --alert-teal: #0f766e;
      --alert-teal-soft: #ccfbf1;
      --ink: #111827;
      --muted: #4b5563;
      --line: #e5e7eb;
      --sheet: #ffffff;
      --panel: #f8fafc;
      --shadow: 0 22px 48px rgba(17, 24, 39, 0.12);
    }

    body {
      font-family: "Trebuchet MS", "Segoe UI", sans-serif;
      background:
        radial-gradient(circle at top, rgba(220, 38, 38, 0.12), transparent 24%),
        linear-gradient(180deg, #ffffff 0%, #f8fafc 46%, #ffffff 100%);
      color: var(--ink);
    }

    .pulse-ring {
      animation: pulseRing 1.6s ease-in-out infinite;
    }

    @keyframes pulseRing {
      0%, 100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.28); }
      50% { box-shadow: 0 0 0 14px rgba(220, 38, 38, 0); }
    }

    .marquee-shell {
      overflow: hidden;
      position: relative;
      padding-inline: 14px;
    }

    .marquee-track {
      display: flex;
      width: max-content;
      gap: 28px;
      animation: liveTicker 24s linear infinite;
      white-space: nowrap;
    }

    @keyframes liveTicker {
      from { transform: translateX(0); }
      to { transform: translateX(-50%); }
    }

    .hero-card,
    .metric-card,
    .detail-card,
    .faq-card {
      background: var(--sheet);
      border: 1px solid rgba(229, 231, 235, 0.9);
      box-shadow: var(--shadow);
    }

    .heatmap-cell {
      min-height: 44px;
      border-radius: 16px 16px 6px 6px;
      transition: transform 0.18s ease, opacity 0.18s ease;
    }

    .heatmap-cell:hover {
      transform: translateY(-4px);
      opacity: 0.92;
    }

    .domain-button,
    .support-button {
      appearance: none;
      border: 0;
      cursor: pointer;
    }

    .logo-mark {
      box-shadow: 0 18px 32px rgba(220, 38, 38, 0.14);
    }

    .winner-chip {
      border: 1px solid rgba(255, 255, 255, 0.22);
      background: rgba(255, 255, 255, 0.08);
      backdrop-filter: blur(6px);
    }

    a {
      text-decoration: none;
    }

    h1,
    h2,
    h3 {
      overflow-wrap: anywhere;
      word-break: break-word;
    }

    [class~="block"] { display: block; }
    [class~="hidden"] { display: none; }
    [class~="flex"] { display: flex; }
    [class~="inline-flex"] { display: inline-flex; }
    [class~="grid"] { display: grid; }
    [class~="relative"] { position: relative; }
    [class~="absolute"] { position: absolute; }
    [class~="sticky"] { position: sticky; }
    [class~="top-0"] { top: 0; }
    [class~="bottom-0"] { bottom: 0; }
    [class~="inset-x-0"] { left: 0; right: 0; }
    [class~="z-30"] { z-index: 30; }
    [class~="overflow-hidden"] { overflow: hidden; }
    [class~="backdrop-blur"] { backdrop-filter: blur(12px); }
    [class~="cursor-pointer"] { cursor: pointer; }
    [class~="object-cover"] { object-fit: cover; }
    [class~="opacity-95"] { opacity: 0.95; }
    [class~="truncate"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    [class~="list-none"] { list-style: none; }

    [class~="mx-auto"] { margin-left: auto; margin-right: auto; }
    [class~="mb-2"] { margin-bottom: 0.5rem; }
    [class~="mb-6"] { margin-bottom: 1.5rem; }
    [class~="mb-8"] { margin-bottom: 2rem; }
    [class~="mt-1"] { margin-top: 0.25rem; }
    [class~="mt-2"] { margin-top: 0.5rem; }
    [class~="mt-3"] { margin-top: 0.75rem; }
    [class~="mt-4"] { margin-top: 1rem; }
    [class~="mt-5"] { margin-top: 1.25rem; }
    [class~="mt-6"] { margin-top: 1.5rem; }
    [class~="mt-7"] { margin-top: 1.75rem; }
    [class~="mt-8"] { margin-top: 2rem; }

    [class~="p-2"] { padding: 0.5rem; }
    [class~="p-3"] { padding: 0.75rem; }
    [class~="p-4"] { padding: 1rem; }
    [class~="p-5"] { padding: 1.25rem; }
    [class~="p-6"] { padding: 1.5rem; }
    [class~="pb-2"] { padding-bottom: 0.5rem; }
    [class~="pt-6"] { padding-top: 1.5rem; }
    [class~="px-1"] { padding-left: 0.25rem; padding-right: 0.25rem; }
    [class~="px-3"] { padding-left: 0.75rem; padding-right: 0.75rem; }
    [class~="px-4"] { padding-left: 1rem; padding-right: 1rem; }
    [class~="px-5"] { padding-left: 1.25rem; padding-right: 1.25rem; }
    [class~="px-6"] { padding-left: 1.5rem; padding-right: 1.5rem; }
    [class~="px-7"] { padding-left: 1.75rem; padding-right: 1.75rem; }
    [class~="py-1"] { padding-top: 0.25rem; padding-bottom: 0.25rem; }
    [class~="py-2"] { padding-top: 0.5rem; padding-bottom: 0.5rem; }
    [class~="py-3"] { padding-top: 0.75rem; padding-bottom: 0.75rem; }
    [class~="py-4"] { padding-top: 1rem; padding-bottom: 1rem; }
    [class~="py-5"] { padding-top: 1.25rem; padding-bottom: 1.25rem; }
    [class~="py-6"] { padding-top: 1.5rem; padding-bottom: 1.5rem; }
    [class~="py-8"] { padding-top: 2rem; padding-bottom: 2rem; }
    [class~="py-10"] { padding-top: 2.5rem; padding-bottom: 2.5rem; }

    [class~="w-auto"] { width: auto; }
    [class~="w-full"] { width: 100%; }
    [class~="h-2"] { height: 0.5rem; }
    [class~="h-11"] { height: 2.75rem; }
    [class~="h-16"] { height: 4rem; }
    [class~="h-20"] { height: 5rem; }
    [class~="h-44"] { height: 11rem; }
    [class~="h-48"] { height: 10rem; }
    [class~="h-full"] { height: 100%; }

    [class~="max-w-xl"] { max-width: 36rem; }
    [class~="max-w-2xl"] { max-width: 42rem; }
    [class~="max-w-3xl"] { max-width: 48rem; }
    [class~="max-w-5xl"] { max-width: 64rem; }
    [class~="max-w-7xl"] { max-width: 80rem; }
    [class~="min-w-0"] { min-width: 0; }

    [class~="grid-cols-2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    [class~="grid-cols-6"] { grid-template-columns: repeat(6, minmax(0, 1fr)); }

    [class~="flex-wrap"] { flex-wrap: wrap; }
    [class~="items-center"] { align-items: center; }
    [class~="items-start"] { align-items: flex-start; }
    [class~="items-end"] { align-items: flex-end; }
    [class~="justify-between"] { justify-content: space-between; }
    [class~="justify-center"] { justify-content: center; }

    [class~="gap-2"] { gap: 0.5rem; }
    [class~="gap-3"] { gap: 0.75rem; }
    [class~="gap-4"] { gap: 1rem; }
    [class~="gap-5"] { gap: 1.25rem; }
    [class~="gap-6"] { gap: 1.5rem; }
    [class~="gap-8"] { gap: 2rem; }
    [class~="space-y-3"] > * + * { margin-top: 0.75rem; }
    [class~="space-y-4"] > * + * { margin-top: 1rem; }

    [class~="rounded-lg"] { border-radius: 0.5rem; }
    [class~="rounded-xl"] { border-radius: 0.75rem; }
    [class~="rounded-2xl"] { border-radius: 1rem; }
    [class~="rounded-3xl"] { border-radius: 1.5rem; }
    [class~="rounded-full"] { border-radius: 9999px; }
    [class~="rounded-[22px]"] { border-radius: 22px; }
    [class~="rounded-[24px]"] { border-radius: 24px; }
    [class~="rounded-[26px]"] { border-radius: 26px; }
    [class~="rounded-[28px]"] { border-radius: 28px; }
    [class~="rounded-[30px]"] { border-radius: 30px; }

    [class~="border"] { border: 1px solid var(--line); }
    [class~="border-2"] { border: 2px solid var(--line); }
    [class~="border-t"] { border-top: 1px solid var(--line); }
    [class~="border-b-4"] { border-bottom: 4px solid var(--line); }
    [class~="border-gray-100"] { border-color: #f3f4f6; }
    [class~="border-red-100"] { border-color: #fee2e2; }
    [class~="border-red-200"] { border-color: #fecaca; }
    [class~="border-red-600"] { border-color: #dc2626; }
    [class~="border-teal-100"] { border-color: #ccfbf1; }
    [class~="border-teal-200"] { border-color: #99f6e4; }
    [class~="border-white/10"] { border-color: rgba(255, 255, 255, 0.1); }
    [class~="border-white/15"] { border-color: rgba(255, 255, 255, 0.15); }

    [class~="bg-white"] { background-color: #ffffff; }
    [class~="bg-white/95"] { background-color: rgba(255, 255, 255, 0.95); }
    [class~="bg-white/15"] { background-color: rgba(255, 255, 255, 0.15); }
    [class~="bg-white/8"] { background-color: rgba(255, 255, 255, 0.08); }
    [class~="bg-white/6"] { background-color: rgba(255, 255, 255, 0.06); }
    [class~="bg-gray-50"] { background-color: #f9fafb; }
    [class~="bg-gray-100"] { background-color: #f3f4f6; }
    [class~="bg-gray-200"] { background-color: #e5e7eb; }
    [class~="bg-gray-950"] { background-color: #030712; }
    [class~="bg-red-50"] { background-color: #fef2f2; }
    [class~="bg-red-50/60"] { background-color: rgba(254, 242, 242, 0.6); }
    [class~="bg-red-600"] { background-color: #dc2626; }
    [class~="bg-teal-50"] { background-color: #f0fdfa; }
    [class~="bg-teal-50/60"] { background-color: rgba(240, 253, 250, 0.6); }
    [class~="bg-teal-600"] { background-color: #0d9488; }

    [class~="bg-gradient-to-r"] { background-image: linear-gradient(to right, var(--tw-gradient-stops)); }
    [class~="bg-gradient-to-br"] { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); }
    [class~="bg-gradient-to-t"] { background-image: linear-gradient(to top, var(--tw-gradient-stops)); }
    [class~="from-red-700"] { --tw-gradient-from: #b91c1c; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via, rgba(185, 28, 28, 0)), var(--tw-gradient-to, rgba(185, 28, 28, 0)); }
    [class~="from-red-600"] { --tw-gradient-from: #dc2626; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via, rgba(220, 38, 38, 0)), var(--tw-gradient-to, rgba(220, 38, 38, 0)); }
    [class~="from-black/80"] { --tw-gradient-from: rgba(0, 0, 0, 0.8); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via, rgba(0, 0, 0, 0)), var(--tw-gradient-to, rgba(0, 0, 0, 0)); }
    [class~="from-white"] { --tw-gradient-from: #ffffff; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via, rgba(255, 255, 255, 0)), var(--tw-gradient-to, rgba(255, 255, 255, 0)); }
    [class~="via-red-600"] { --tw-gradient-via: #dc2626; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to, rgba(220, 38, 38, 0)); }
    [class~="to-teal-700"] { --tw-gradient-to: #0f766e; }
    [class~="to-teal-600"] { --tw-gradient-to: #0d9488; }
    [class~="to-teal-50"] { --tw-gradient-to: #f0fdfa; }
    [class~="to-transparent"] { --tw-gradient-to: transparent; }

    [class~="text-left"] { text-align: left; }
    [class~="text-center"] { text-align: center; }
    [class~="text-[10px]"] { font-size: 10px; }
    [class~="text-[11px]"] { font-size: 11px; }
    [class~="text-xs"] { font-size: 12px; }
    [class~="text-sm"] { font-size: 14px; }
    [class~="text-base"] { font-size: 16px; }
    [class~="text-lg"] { font-size: 18px; }
    [class~="text-xl"] { font-size: 20px; }
    [class~="text-2xl"] { font-size: 24px; }
    [class~="text-3xl"] { font-size: 30px; }
    [class~="leading-7"] { line-height: 1.75rem; }
    [class~="leading-8"] { line-height: 2rem; }
    [class~="leading-tight"] { line-height: 1.1; }
    [class~="font-bold"] { font-weight: 700; }
    [class~="font-black"] { font-weight: 900; }
    [class~="uppercase"] { text-transform: uppercase; }
    [class~="tracking-[0.16em]"] { letter-spacing: 0.16em; }
    [class~="tracking-[0.18em]"] { letter-spacing: 0.18em; }
    [class~="tracking-[0.2em]"] { letter-spacing: 0.2em; }
    [class~="tracking-[0.22em]"] { letter-spacing: 0.22em; }
    [class~="tracking-[0.24em]"] { letter-spacing: 0.24em; }
    [class~="tracking-[0.26em]"] { letter-spacing: 0.26em; }
    [class~="tracking-[0.28em]"] { letter-spacing: 0.28em; }

    [class~="text-white"] { color: #ffffff; }
    [class~="text-gray-300"] { color: #d1d5db; }
    [class~="text-gray-400"] { color: #9ca3af; }
    [class~="text-gray-500"] { color: #6b7280; }
    [class~="text-gray-600"] { color: #4b5563; }
    [class~="text-gray-700"] { color: #374151; }
    [class~="text-gray-900"] { color: #111827; }
    [class~="text-red-100"] { color: #fee2e2; }
    [class~="text-red-300"] { color: #fca5a5; }
    [class~="text-red-700"] { color: #b91c1c; }
    [class~="text-teal-300"] { color: #5eead4; }
    [class~="text-teal-700"] { color: #0f766e; }

    [class~="shadow-sm"] { box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06); }
    [class~="shadow-lg"] { box-shadow: 0 18px 36px rgba(15, 23, 42, 0.12); }
    [class~="shadow-2xl"] { box-shadow: 0 28px 56px rgba(15, 23, 42, 0.22); }

    [class~="transition"] { transition: all 0.18s ease; }
    [class~="hover:bg-red-50"]:hover { background-color: #fef2f2; }
    [class~="hover:bg-red-700"]:hover { background-color: #b91c1c; }
    [class~="hover:bg-teal-50"]:hover { background-color: #f0fdfa; }
    [class~="hover:bg-teal-700"]:hover { background-color: #0f766e; }
    [class~="hover:bg-white/10"]:hover { background-color: rgba(255, 255, 255, 0.1); }
    [class~="hover:bg-white/12"]:hover { background-color: rgba(255, 255, 255, 0.12); }
    [class~="hover:text-red-700"]:hover { color: #b91c1c; }
    [class~="hover:text-teal-700"]:hover { color: #0f766e; }

    @media (min-width: 640px) {
      [class~="sm:grid-cols-2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      [class~="sm:grid-cols-3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      [class~="sm:grid-cols-12"] { grid-template-columns: repeat(12, minmax(0, 1fr)); }
    }

    @media (min-width: 768px) {
      [class~="md:hidden"] { display: none; }
      [class~="md:flex"] { display: flex; }
      [class~="md:grid-cols-2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      [class~="md:grid-cols-[1.1fr_0.9fr]"] { grid-template-columns: 1.1fr 0.9fr; }
      [class~="md:grid-cols-[1.4fr_0.9fr]"] { grid-template-columns: 1.4fr 0.9fr; }
      [class~="md:text-lg"] { font-size: 18px; }
      [class~="md:text-5xl"] { font-size: 48px; }
      [class~="md:py-8"] { padding-top: 2rem; padding-bottom: 2rem; }
      [class~="md:py-12"] { padding-top: 3rem; padding-bottom: 3rem; }
    }

    @media (min-width: 1024px) {
      [class~="lg:grid-cols-3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      [class~="lg:grid-cols-[1.2fr_0.8fr]"] { grid-template-columns: 1.2fr 0.8fr; }
    }

    @media (min-width: 1280px) {
      [class~="xl:grid-cols-2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      [class~="xl:grid-cols-4"] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
      [class~="xl:grid-cols-5"] { grid-template-columns: repeat(5, minmax(0, 1fr)); }
      [class~="xl:grid-cols-[1fr_0.9fr]"] { grid-template-columns: 1fr 0.9fr; }
    }
  </style>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebSite",
    "name": "RP777",
    "url": "https://belcroftbiblechurch.org/"
  }
  </script>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebPage",
    "name": "RP777: Situs Slot Gacor Hari Ini \u0026 Download APK Slot Online Terpercaya",
    "description": "RP777 situs slot gacor terpercaya dengan akses tercepat melalui APK download atau link alternatif anti blokir.Coba game slot online terbaru kalau lagi ingin cari peluang jackpot hari ini.",
    "url": "https://belcroftbiblechurch.org/"
  }
  </script>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Organization",
    "name": "RP777",
    "url": "https://belcroftbiblechurch.org/",
    "logo": "/sites/409/logo.webp",
    "sameAs": ["https://t.me/rp777_id"]
  }
  </script>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "SoftwareApplication",
    "name": "RP777",
    "applicationCategory": "GameApplication",
    "operatingSystem": "Android, Web",
    "url": "/mobile\u002Dpackage/",
    "downloadUrl": "/mobile\u002Dpackage/",
    "installUrl": "/mobile\u002Dpackage/"
  }
  </script>
</head>
<body class="text-gray-900">

  <div class="bg-red-600 text-white marquee-shell">
    <div class="marquee-track px-4 py-2 text-xs font-black uppercase tracking-[0.24em]">
      
        
        <span>Live winner CPH******120 won Rp 1M</span>
        
        <span>Live winner SM-*******549 won Rp 4M</span>
        
        <span>Live winner Fa******an won Rp 7M</span>
        
        <span>Live winner Y**A won Rp 153,000</span>
        
        <span>Live winner cam********278 won Rp 3M</span>
        
        
        <span>Live winner CPH******120 won Rp 1M</span>
        
        <span>Live winner SM-*******549 won Rp 4M</span>
        
        <span>Live winner Fa******an won Rp 7M</span>
        
        <span>Live winner Y**A won Rp 153,000</span>
        
        <span>Live winner cam********278 won Rp 3M</span>
        
      
    </div>
  </div>

  <nav class="sticky top-0 z-30 border-b-4 border-red-600 bg-white/95 backdrop-blur">
    <div class="mx-auto flex max-w-7xl items-center justify-between gap-4 px-4 py-3">
      <div class="flex min-w-0 items-center gap-3">
        <span class="rounded-full bg-red-600 px-3 py-1 text-[11px] font-black uppercase tracking-[0.24em] text-white">Live</span>
        
        <img src="/sites/409/logo.webp" alt="RP777 logo" class="logo-mark h-11 w-auto rounded-xl bg-white p-2">
        
        <div class="min-w-0">
          <div class="truncate text-lg font-black text-red-700">RP777</div>
          <div class="text-xs font-bold uppercase tracking-[0.28em] text-gray-500">Alert route active</div>
        </div>
      </div>
      <div class="hidden items-center gap-3 md:flex">
        <a href="#games" class="text-sm font-bold text-gray-600 transition hover:text-red-700">Games</a>
        <a href="#payments" class="text-sm font-bold text-gray-600 transition hover:text-teal-700">Payments</a>
        <a href="#support" class="text-sm font-bold text-gray-600 transition hover:text-red-700">Support</a>
        <a href="/mobile-package/" rel="nofollow" class="rounded-xl border border-red-200 px-4 py-2 text-sm font-black text-red-700 transition hover:bg-red-50">H5</a>
        <a href="/mobile-package/" rel="nofollow" class="pulse-ring rounded-xl bg-red-600 px-5 py-2 text-sm font-black text-white transition hover:bg-red-700">Download APK</a>
      </div>
      <div class="flex items-center gap-2 md:hidden">
        <a href="/mobile-package/" rel="nofollow" class="rounded-lg border border-red-200 px-3 py-2 text-xs font-black text-red-700">H5</a>
        <a href="/mobile-package/" rel="nofollow" class="rounded-lg bg-red-600 px-3 py-2 text-xs font-black text-white">APK</a>
      </div>
    </div>
  </nav>

  <main>
    <section class="px-4 py-8 md:py-12">
      <div class="mx-auto grid max-w-7xl gap-8 md:grid-cols-[1.4fr_0.9fr]">
        <div class="hero-card overflow-hidden rounded-[28px] border-2 border-red-100">
          <div class="bg-gradient-to-r from-red-700 via-red-600 to-teal-700 px-6 py-4 text-white">
            <div class="flex flex-wrap items-center gap-3 text-[11px] font-black uppercase tracking-[0.26em]">
              <span class="rounded-full bg-white/15 px-3 py-1">Primary APK Route</span>
              <span class="rounded-full bg-white/15 px-3 py-1">Trend 6.70%</span>
              
              <span class="rounded-full bg-white/15 px-3 py-1">Stability 100/100</span>
              
            </div>
          </div>
          <div class="grid gap-8 px-6 py-8 lg:grid-cols-[1.2fr_0.8fr]">
            <div class="rounded-[26px] bg-white p-5">
              <div class="mb-5 flex flex-wrap items-center gap-4">
                
                <img src="/sites/409/logo.webp" alt="RP777" class="h-20 w-auto rounded-2xl bg-white p-3 shadow-lg">
                
                <div class="rounded-full bg-red-50 px-3 py-1 text-xs font-black uppercase tracking-[0.24em] text-red-700">Action window active</div>
              </div>
              <div class="rounded-[24px] bg-gray-50 p-4">
                <h1 class="max-w-3xl text-3xl font-black leading-tight text-gray-900 md:text-5xl">RP777: Situs Slot Gacor Hari Ini &amp; Download APK Slot Online Terpercaya</h1>
                <p class="mt-4 max-w-2xl text-base leading-8 text-gray-600 md:text-lg">RP777 situs slot gacor terpercaya dengan akses tercepat melalui APK download ...</p>
                <div class="mt-7 flex flex-wrap gap-3">
                  <a href="/mobile-package/" rel="nofollow" class="pulse-ring rounded-2xl bg-red-600 px-7 py-4 text-center text-sm font-black uppercase tracking-[0.24em] text-white transition hover:bg-red-700">Unduh APK</a>
                  <a href="/mobile-package/" rel="nofollow" class="rounded-2xl border-2 border-teal-200 bg-white px-7 py-4 text-center text-sm font-black uppercase tracking-[0.24em] text-teal-700 transition hover:bg-teal-50">Main H5</a>
                </div>
              </div>
              <div class="mt-8 grid gap-3 sm:grid-cols-3">
                <div class="rounded-2xl bg-red-50 p-4">
                  <div class="text-xs font-black uppercase tracking-[0.22em] text-red-700">Win count</div>
                  <div class="mt-2 text-2xl font-black text-gray-900">5,786</div>
                </div>
                <div class="rounded-2xl bg-teal-50 p-4">
                  <div class="text-xs font-black uppercase tracking-[0.22em] text-teal-700">Big win</div>
                  <div class="mt-2 text-2xl font-black text-gray-900">2,309</div>
                </div>
                <div class="rounded-2xl bg-gray-100 p-4">
                  <div class="text-xs font-black uppercase tracking-[0.22em] text-gray-600">Top payout</div>
                  <div class="mt-2 text-lg font-black text-gray-900">Rp 10M</div>
                </div>
              </div>
            </div>
            <div class="rounded-[26px] bg-gray-950 p-5 text-white shadow-2xl">
              <div class="flex items-center justify-between">
                <div>
                  <div class="text-xs font-black uppercase tracking-[0.24em] text-red-300">Live board</div>
                  <div class="mt-1 text-2xl font-black">RP777</div>
                </div>
                <span class="winner-chip rounded-full px-3 py-1 text-[11px] font-black uppercase tracking-[0.22em]">24h watch</span>
              </div>
              
              <img src="/sites/409/screenshot.webp" alt="RP777 preview" class="mt-5 h-44 w-full rounded-3xl object-cover">
              
              <div class="mt-5 space-y-3">
                <div class="flex items-center justify-between rounded-2xl bg-white/6 px-4 py-3">
                  <span class="text-sm text-gray-300">Trend</span>
                  <strong class="text-lg text-red-300">6.70%</strong>
                </div>
                <div class="flex items-center justify-between rounded-2xl bg-white/6 px-4 py-3">
                  <span class="text-sm text-gray-300">Total payout</span>
                  <strong class="text-lg text-white">Rp 23B</strong>
                </div>
                <div class="flex items-center justify-between rounded-2xl bg-white/6 px-4 py-3">
                  <span class="text-sm text-gray-300">Super big wins</span>
                  <strong class="text-lg text-teal-300">4</strong>
                </div>
              </div>
            </div>
          </div>
        </div>

        <aside class="space-y-4">
          <article class="metric-card rounded-[28px] p-6">
            <div class="text-xs font-black uppercase tracking-[0.26em] text-red-700">Monitor pulse</div>
            <div class="mt-4 grid grid-cols-2 gap-4">
              <div class="rounded-2xl bg-red-50 p-4">
                <div class="text-xs font-bold uppercase tracking-[0.18em] text-red-700">Games</div>
                <div class="mt-2 text-3xl font-black text-gray-900">190</div>
              </div>
              <div class="rounded-2xl bg-teal-50 p-4">
                <div class="text-xs font-bold uppercase tracking-[0.18em] text-teal-700">Domains</div>
                <div class="mt-2 text-3xl font-black text-gray-900">2</div>
              </div>
              <div class="rounded-2xl bg-gray-100 p-4">
                <div class="text-xs font-bold uppercase tracking-[0.18em] text-gray-600">Deposit lanes</div>
                <div class="mt-2 text-3xl font-black text-gray-900">6</div>
              </div>
              <div class="rounded-2xl bg-gray-100 p-4">
                <div class="text-xs font-bold uppercase tracking-[0.18em] text-gray-600">Withdrawal lanes</div>
                <div class="mt-2 text-3xl font-black text-gray-900">17</div>
              </div>
            </div>
          </article>

          <article class="metric-card rounded-[28px] p-6">
            <div class="flex items-center justify-between">
              <div>
                <div class="text-xs font-black uppercase tracking-[0.24em] text-teal-700">Heatmap focus</div>
                <h2 class="mt-2 text-2xl font-black text-gray-900">Best hours to stay in the live window</h2>
              </div>
              
              <span class="rounded-full bg-teal-50 px-3 py-1 text-xs font-black uppercase tracking-[0.22em] text-teal-700">high</span>
              
            </div>
            <div class="mt-6 grid grid-cols-6 gap-2 sm:grid-cols-12">
              
              <div class="text-center">
                <div class="heatmap-cell flex items-end justify-center px-1 pb-2 text-[10px] font-black text-white bg-red-600" style="height: 11rem;">
                  8
                </div>
                <div class="mt-2 text-[11px] font-bold uppercase tracking-[0.18em] text-gray-500">14</div>
              </div>
              
              <div class="text-center">
                <div class="heatmap-cell flex items-end justify-center px-1 pb-2 text-[10px] font-black text-white bg-red-600" style="height: 11rem;">
                  8
                </div>
                <div class="mt-2 text-[11px] font-bold uppercase tracking-[0.18em] text-gray-500">15</div>
              </div>
              
              <div class="text-center">
                <div class="heatmap-cell flex items-end justify-center px-1 pb-2 text-[10px] font-black text-white bg-red-600" style="height: 10rem;">
                  7
                </div>
                <div class="mt-2 text-[11px] font-bold uppercase tracking-[0.18em] text-gray-500">16</div>
              </div>
              
              <div class="text-center">
                <div class="heatmap-cell flex items-end justify-center px-1 pb-2 text-[10px] font-black text-white bg-red-600" style="height: 11rem;">
                  8
                </div>
                <div class="mt-2 text-[11px] font-bold uppercase tracking-[0.18em] text-gray-500">17</div>
              </div>
              
              <div class="text-center">
                <div class="heatmap-cell flex items-end justify-center px-1 pb-2 text-[10px] font-black text-white bg-red-600" style="height: 11rem;">
                  8
                </div>
                <div class="mt-2 text-[11px] font-bold uppercase tracking-[0.18em] text-gray-500">18</div>
              </div>
              
              <div class="text-center">
                <div class="heatmap-cell flex items-end justify-center px-1 pb-2 text-[10px] font-black text-white bg-red-600" style="height: 11rem;">
                  8
                </div>
                <div class="mt-2 text-[11px] font-bold uppercase tracking-[0.18em] text-gray-500">19</div>
              </div>
              
              <div class="text-center">
                <div class="heatmap-cell flex items-end justify-center px-1 pb-2 text-[10px] font-black text-white bg-red-600" style="height: 11rem;">
                  8
                </div>
                <div class="mt-2 text-[11px] font-bold uppercase tracking-[0.18em] text-gray-500">20</div>
              </div>
              
              <div class="text-center">
                <div class="heatmap-cell flex items-end justify-center px-1 pb-2 text-[10px] font-black text-white bg-red-600" style="height: 12rem;">
                  9
                </div>
                <div class="mt-2 text-[11px] font-bold uppercase tracking-[0.18em] text-gray-500">21</div>
              </div>
              
              <div class="text-center">
                <div class="heatmap-cell flex items-end justify-center px-1 pb-2 text-[10px] font-black text-white bg-red-600" style="height: 13rem;">
                  10
                </div>
                <div class="mt-2 text-[11px] font-bold uppercase tracking-[0.18em] text-gray-500">22</div>
              </div>
              
              <div class="text-center">
                <div class="heatmap-cell flex items-end justify-center px-1 pb-2 text-[10px] font-black text-white bg-red-600" style="height: 11rem;">
                  8
                </div>
                <div class="mt-2 text-[11px] font-bold uppercase tracking-[0.18em] text-gray-500">23</div>
              </div>
              
              <div class="text-center">
                <div class="heatmap-cell flex items-end justify-center px-1 pb-2 text-[10px] font-black text-white bg-red-600" style="height: 12rem;">
                  9
                </div>
                <div class="mt-2 text-[11px] font-bold uppercase tracking-[0.18em] text-gray-500">0</div>
              </div>
              
              <div class="text-center">
                <div class="heatmap-cell flex items-end justify-center px-1 pb-2 text-[10px] font-black text-white bg-red-600" style="height: 11rem;">
                  8
                </div>
                <div class="mt-2 text-[11px] font-bold uppercase tracking-[0.18em] text-gray-500">1</div>
              </div>
              
            </div>
          </article>
        </aside>
      </div>
    </section>

    <section id="games" class="px-4 py-6 md:py-8">
      <div class="mx-auto max-w-7xl">
        <div class="mb-8 flex flex-wrap items-end justify-between gap-4">
          <div>
            <span class="inline-flex rounded-full bg-red-50 px-3 py-1 text-xs font-black uppercase tracking-[0.24em] text-red-700">Game board</span>
            <h2 class="mt-3 text-3xl font-black text-gray-900">Popular titles keep the first screen short and readable</h2>
          </div>
          <a href="/mobile-package/" rel="nofollow" class="rounded-2xl border border-red-200 px-5 py-3 text-sm font-black uppercase tracking-[0.22em] text-red-700 transition hover:bg-red-50">Open H5 route</a>
        </div>
        <div class="grid gap-5 sm:grid-cols-2 xl:grid-cols-4">
          
          <article class="detail-card overflow-hidden rounded-[24px]">
            <div class="relative bg-gray-950">
              <img src="/sites/409/games/377.webp" alt="Huff N&#x27; Even
More Puff" loading="lazy" class="h-48 w-full object-cover opacity-95">
              <div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/80 to-transparent p-4">
                <div class="text-lg font-black leading-tight text-white">Huff N&#x27; Even<br>More Puff</div>
                <div class="mt-2 inline-flex rounded-full bg-white/15 px-3 py-1 text-[11px] font-black uppercase tracking-[0.22em] text-white">slot</div>
              </div>
            </div>
            <div class="p-5">
              <div class="flex items-center justify-between text-sm">
                <span class="font-bold uppercase tracking-[0.18em] text-gray-500">RTP</span>
                <span class="font-black text-red-700">97.52%</span>
              </div>
              <div class="mt-3 h-2 overflow-hidden rounded-full bg-gray-200">
                <div class="h-full rounded-full bg-gradient-to-r from-red-600 to-teal-600" style="width: 97.52%;"></div>
              </div>
              <a href="/mobile-package/" rel="nofollow" class="mt-5 block rounded-2xl bg-red-600 px-4 py-3 text-center text-sm font-black uppercase tracking-[0.22em] text-white transition hover:bg-red-700">Play via APK</a>
            </div>
          </article>
          
          <article class="detail-card overflow-hidden rounded-[24px]">
            <div class="relative bg-gray-950">
              <img src="/sites/409/games/382.webp" alt="Cash
Maker" loading="lazy" class="h-48 w-full object-cover opacity-95">
              <div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/80 to-transparent p-4">
                <div class="text-lg font-black leading-tight text-white">Cash<br>Maker</div>
                <div class="mt-2 inline-flex rounded-full bg-white/15 px-3 py-1 text-[11px] font-black uppercase tracking-[0.22em] text-white">slot</div>
              </div>
            </div>
            <div class="p-5">
              <div class="flex items-center justify-between text-sm">
                <span class="font-bold uppercase tracking-[0.18em] text-gray-500">RTP</span>
                <span class="font-black text-red-700">97.23%</span>
              </div>
              <div class="mt-3 h-2 overflow-hidden rounded-full bg-gray-200">
                <div class="h-full rounded-full bg-gradient-to-r from-red-600 to-teal-600" style="width: 97.23%;"></div>
              </div>
              <a href="/mobile-package/" rel="nofollow" class="mt-5 block rounded-2xl bg-red-600 px-4 py-3 text-center text-sm font-black uppercase tracking-[0.22em] text-white transition hover:bg-red-700">Play via APK</a>
            </div>
          </article>
          
          <article class="detail-card overflow-hidden rounded-[24px]">
            <div class="relative bg-gray-950">
              <img src="/sites/409/games/319.webp" alt="888 Gold" loading="lazy" class="h-48 w-full object-cover opacity-95">
              <div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/80 to-transparent p-4">
                <div class="text-lg font-black leading-tight text-white">888 Gold</div>
                <div class="mt-2 inline-flex rounded-full bg-white/15 px-3 py-1 text-[11px] font-black uppercase tracking-[0.22em] text-white">slot</div>
              </div>
            </div>
            <div class="p-5">
              <div class="flex items-center justify-between text-sm">
                <span class="font-bold uppercase tracking-[0.18em] text-gray-500">RTP</span>
                <span class="font-black text-red-700">96.14%</span>
              </div>
              <div class="mt-3 h-2 overflow-hidden rounded-full bg-gray-200">
                <div class="h-full rounded-full bg-gradient-to-r from-red-600 to-teal-600" style="width: 96.14%;"></div>
              </div>
              <a href="/mobile-package/" rel="nofollow" class="mt-5 block rounded-2xl bg-red-600 px-4 py-3 text-center text-sm font-black uppercase tracking-[0.22em] text-white transition hover:bg-red-700">Play via APK</a>
            </div>
          </article>
          
          <article class="detail-card overflow-hidden rounded-[24px]">
            <div class="relative bg-gray-950">
              <img src="/sites/409/games/110.webp" alt="Mahjong
Ways" loading="lazy" class="h-48 w-full object-cover opacity-95">
              <div class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/80 to-transparent p-4">
                <div class="text-lg font-black leading-tight text-white">Mahjong<br>Ways</div>
                <div class="mt-2 inline-flex rounded-full bg-white/15 px-3 py-1 text-[11px] font-black uppercase tracking-[0.22em] text-white">slot</div>
              </div>
            </div>
            <div class="p-5">
              <div class="flex items-center justify-between text-sm">
                <span class="font-bold uppercase tracking-[0.18em] text-gray-500">RTP</span>
                <span class="font-black text-red-700">95.06%</span>
              </div>
              <div class="mt-3 h-2 overflow-hidden rounded-full bg-gray-200">
                <div class="h-full rounded-full bg-gradient-to-r from-red-600 to-teal-600" style="width: 95.06%;"></div>
              </div>
              <a href="/mobile-package/" rel="nofollow" class="mt-5 block rounded-2xl bg-red-600 px-4 py-3 text-center text-sm font-black uppercase tracking-[0.22em] text-white transition hover:bg-red-700">Play via APK</a>
            </div>
          </article>
          
        </div>
      </div>
    </section>

    <section class="bg-gray-50 px-4 py-8">
      <div class="mx-auto max-w-7xl">
        <div class="mb-8 flex flex-wrap items-end justify-between gap-4">
          <div>
            <span class="inline-flex rounded-full bg-teal-50 px-3 py-1 text-xs font-black uppercase tracking-[0.24em] text-teal-700">Kategori game</span>
            <h2 class="mt-3 text-3xl font-black text-gray-900">Kategori game populer hari ini</h2>
          </div>
          <div class="rounded-2xl bg-white px-4 py-3 text-sm font-bold text-gray-600 shadow-sm">Current total: 190 games</div>
        </div>
        <div class="grid gap-4 md:grid-cols-2 xl:grid-cols-5">
          
          <article class="detail-card rounded-[24px] p-5">
            <div class="flex items-center justify-between gap-4">
              <div>
                <div class="text-xs font-black uppercase tracking-[0.22em] text-gray-500">Category</div>
                <div class="mt-2 text-2xl font-black text-gray-900">slot</div>
              </div>
              <div class="rounded-2xl bg-red-50 px-4 py-3 text-2xl font-black text-red-700">84</div>
            </div>
            <a href="/mobile-package/" rel="nofollow" class="mt-5 inline-flex rounded-full bg-teal-600 px-4 py-2 text-xs font-black uppercase tracking-[0.22em] text-white transition hover:bg-teal-700">Open route</a>
          </article>
          
          <article class="detail-card rounded-[24px] p-5">
            <div class="flex items-center justify-between gap-4">
              <div>
                <div class="text-xs font-black uppercase tracking-[0.22em] text-gray-500">Category</div>
                <div class="mt-2 text-2xl font-black text-gray-900">awc</div>
              </div>
              <div class="rounded-2xl bg-red-50 px-4 py-3 text-2xl font-black text-red-700">9</div>
            </div>
            <a href="/mobile-package/" rel="nofollow" class="mt-5 inline-flex rounded-full bg-teal-600 px-4 py-2 text-xs font-black uppercase tracking-[0.22em] text-white transition hover:bg-teal-700">Open route</a>
          </article>
          
          <article class="detail-card rounded-[24px] p-5">
            <div class="flex items-center justify-between gap-4">
              <div>
                <div class="text-xs font-black uppercase tracking-[0.22em] text-gray-500">Category</div>
                <div class="mt-2 text-2xl font-black text-gray-900">fight</div>
              </div>
              <div class="rounded-2xl bg-red-50 px-4 py-3 text-2xl font-black text-red-700">20</div>
            </div>
            <a href="/mobile-package/" rel="nofollow" class="mt-5 inline-flex rounded-full bg-teal-600 px-4 py-2 text-xs font-black uppercase tracking-[0.22em] text-white transition hover:bg-teal-700">Open route</a>
          </article>
          
          <article class="detail-card rounded-[24px] p-5">
            <div class="flex items-center justify-between gap-4">
              <div>
                <div class="text-xs font-black uppercase tracking-[0.22em] text-gray-500">Category</div>
                <div class="mt-2 text-2xl font-black text-gray-900">fish</div>
              </div>
              <div class="rounded-2xl bg-red-50 px-4 py-3 text-2xl font-black text-red-700">3</div>
            </div>
            <a href="/mobile-package/" rel="nofollow" class="mt-5 inline-flex rounded-full bg-teal-600 px-4 py-2 text-xs font-black uppercase tracking-[0.22em] text-white transition hover:bg-teal-700">Open route</a>
          </article>
          
          <article class="detail-card rounded-[24px] p-5">
            <div class="flex items-center justify-between gap-4">
              <div>
                <div class="text-xs font-black uppercase tracking-[0.22em] text-gray-500">Category</div>
                <div class="mt-2 text-2xl font-black text-gray-900">multi</div>
              </div>
              <div class="rounded-2xl bg-red-50 px-4 py-3 text-2xl font-black text-red-700">31</div>
            </div>
            <a href="/mobile-package/" rel="nofollow" class="mt-5 inline-flex rounded-full bg-teal-600 px-4 py-2 text-xs font-black uppercase tracking-[0.22em] text-white transition hover:bg-teal-700">Open route</a>
          </article>
          
          <article class="detail-card rounded-[24px] p-5">
            <div class="flex items-center justify-between gap-4">
              <div>
                <div class="text-xs font-black uppercase tracking-[0.22em] text-gray-500">Category</div>
                <div class="mt-2 text-2xl font-black text-gray-900">other</div>
              </div>
              <div class="rounded-2xl bg-red-50 px-4 py-3 text-2xl font-black text-red-700">13</div>
            </div>
            <a href="/mobile-package/" rel="nofollow" class="mt-5 inline-flex rounded-full bg-teal-600 px-4 py-2 text-xs font-black uppercase tracking-[0.22em] text-white transition hover:bg-teal-700">Open route</a>
          </article>
          
          <article class="detail-card rounded-[24px] p-5">
            <div class="flex items-center justify-between gap-4">
              <div>
                <div class="text-xs font-black uppercase tracking-[0.22em] text-gray-500">Category</div>
                <div class="mt-2 text-2xl font-black text-gray-900">saba</div>
              </div>
              <div class="rounded-2xl bg-red-50 px-4 py-3 text-2xl font-black text-red-700">6</div>
            </div>
            <a href="/mobile-package/" rel="nofollow" class="mt-5 inline-flex rounded-full bg-teal-600 px-4 py-2 text-xs font-black uppercase tracking-[0.22em] text-white transition hover:bg-teal-700">Open route</a>
          </article>
          
          <article class="detail-card rounded-[24px] p-5">
            <div class="flex items-center justify-between gap-4">
              <div>
                <div class="text-xs font-black uppercase tracking-[0.22em] text-gray-500">Category</div>
                <div class="mt-2 text-2xl font-black text-gray-900">single</div>
              </div>
              <div class="rounded-2xl bg-red-50 px-4 py-3 text-2xl font-black text-red-700">8</div>
            </div>
            <a href="/mobile-package/" rel="nofollow" class="mt-5 inline-flex rounded-full bg-teal-600 px-4 py-2 text-xs font-black uppercase tracking-[0.22em] text-white transition hover:bg-teal-700">Open route</a>
          </article>
          
          <article class="detail-card rounded-[24px] p-5">
            <div class="flex items-center justify-between gap-4">
              <div>
                <div class="text-xs font-black uppercase tracking-[0.22em] text-gray-500">Category</div>
                <div class="mt-2 text-2xl font-black text-gray-900">tcg</div>
              </div>
              <div class="rounded-2xl bg-red-50 px-4 py-3 text-2xl font-black text-red-700">3</div>
            </div>
            <a href="/mobile-package/" rel="nofollow" class="mt-5 inline-flex rounded-full bg-teal-600 px-4 py-2 text-xs font-black uppercase tracking-[0.22em] text-white transition hover:bg-teal-700">Open route</a>
          </article>
          
          <article class="detail-card rounded-[24px] p-5">
            <div class="flex items-center justify-between gap-4">
              <div>
                <div class="text-xs font-black uppercase tracking-[0.22em] text-gray-500">Category</div>
                <div class="mt-2 text-2xl font-black text-gray-900">we</div>
              </div>
              <div class="rounded-2xl bg-red-50 px-4 py-3 text-2xl font-black text-red-700">13</div>
            </div>
            <a href="/mobile-package/" rel="nofollow" class="mt-5 inline-flex rounded-full bg-teal-600 px-4 py-2 text-xs font-black uppercase tracking-[0.22em] text-white transition hover:bg-teal-700">Open route</a>
          </article>
          
        </div>
      </div>
    </section>

    <section class="px-4 py-8">
      <div class="mx-auto max-w-7xl">
        <div class="mb-8 flex flex-wrap items-end justify-between gap-4">
          <div>
            <span class="inline-flex rounded-full bg-red-50 px-3 py-1 text-xs font-black uppercase tracking-[0.24em] text-red-700">Promo aktif</span>
            <h2 class="mt-3 text-3xl font-black text-gray-900">Promo unggulan hari ini</h2>
          </div>
          <a href="/mobile-package/" rel="nofollow" class="rounded-2xl bg-red-600 px-5 py-3 text-sm font-black uppercase tracking-[0.22em] text-white transition hover:bg-red-700">Klaim Bonus</a>
        </div>
        <div class="grid gap-5 lg:grid-cols-3">
          
          
          <article class="detail-card overflow-hidden rounded-[24px]">
            <img src="/sites/409/activities/0.webp" alt="Selamat Tahun Baru Imlek! Happy Chinese New Year Bonus" loading="lazy" class="h-44 w-full object-cover">
            <div class="p-5">
              <div class="inline-flex rounded-full bg-red-50 px-3 py-1 text-[11px] font-black uppercase tracking-[0.22em] text-red-700">Promo aktif</div>
              <h3 class="mt-4 text-2xl font-black text-gray-900">Selamat Tahun Baru Imlek! Happy Chinese New Year Bonus</h3>
              <p class="mt-3 text-sm leading-7 text-gray-600">Selamat Tahun Baru Imlek! Happy Chinese New Year! JUMLAH TOP UP | PERSENTASE BONUS: 100,000 | 6%, 1,000,000 | 8%, 5,000,000 | 10%, 10,000,000 | 15%. SETIAP DEPOSIT BISA MENIKMATI PENAWARAN INI, TUNGGO APA LAGI, JANGAN RAGU UNTUK BERGABUNG BERSAMA KAMI</p>
              <div class="mt-5 flex items-center justify-between gap-3">
                <span class="rounded-full bg-teal-50 px-3 py-2 text-xs font-black uppercase tracking-[0.18em] text-teal-700"></span>
                <a href="/mobile-package/" rel="nofollow" class="text-sm font-black uppercase tracking-[0.22em] text-red-700">Buka H5</a>
              </div>
            </div>
          </article>
          
          
          
          <article class="detail-card overflow-hidden rounded-[24px]">
            <img src="/sites/409/activities/1.webp" alt="MEREKOMENDASIKAN TEMAN" loading="lazy" class="h-44 w-full object-cover">
            <div class="p-5">
              <div class="inline-flex rounded-full bg-red-50 px-3 py-1 text-[11px] font-black uppercase tracking-[0.22em] text-red-700">Promo aktif</div>
              <h3 class="mt-4 text-2xl font-black text-gray-900">MEREKOMENDASIKAN TEMAN</h3>
              <p class="mt-3 text-sm leading-7 text-gray-600">MEREKOMENDASIKAN TEMAN. Jika sudah selesai merekomendasikan teman sebanyak ≥5 orang maka bisa mendapatkan bonus 200.000 dan jika sebanyak ≥100 orang maka bisa mendapatkan bonus 5.000.000. Bonus paling tinggi yang bisa didapatkan melebihi 100.000.000</p>
              <div class="mt-5 flex items-center justify-between gap-3">
                <span class="rounded-full bg-teal-50 px-3 py-2 text-xs font-black uppercase tracking-[0.18em] text-teal-700"></span>
                <a href="/mobile-package/" rel="nofollow" class="text-sm font-black uppercase tracking-[0.22em] text-red-700">Buka H5</a>
              </div>
            </div>
          </article>
          
          
          
          
        </div>
      </div>
    </section>

    <section id="payments" class="bg-gray-50 px-4 py-8">
      <div class="mx-auto max-w-7xl">
        <div class="grid gap-6 xl:grid-cols-2">
          <article class="detail-card rounded-[28px] p-6">
            <div class="mb-6 flex items-end justify-between gap-4">
              <div>
                <span class="inline-flex rounded-full bg-teal-50 px-3 py-1 text-xs font-black uppercase tracking-[0.24em] text-teal-700">Deposit lanes</span>
                <h2 class="mt-3 text-3xl font-black text-gray-900">Deposit cards stay connected to the current payment lanes</h2>
              </div>
              <a href="/mobile-package/" rel="nofollow" class="rounded-full bg-teal-600 px-4 py-2 text-xs font-black uppercase tracking-[0.22em] text-white">APK first</a>
            </div>
            <div class="grid gap-4 md:grid-cols-2">
              
              <div class="rounded-[22px] border border-teal-100 bg-teal-50/60 p-5">
                <div class="flex items-center justify-between gap-3">
                  <div>
                    <div class="text-xs font-black uppercase tracking-[0.22em] text-teal-700">Lane</div>
                    <div class="mt-2 text-2xl font-black text-gray-900">DANA</div>
                  </div>
                  <div class="rounded-2xl bg-white px-3 py-2 text-sm font-black text-teal-700">Rp 20,000</div>
                </div>
                <p class="mt-4 text-sm leading-7 text-gray-600">Minimum entry stays visible while the lane and bonus state stay aligned with the live route.</p>
                <div class="mt-4 flex items-center justify-between gap-3">
                  
                  <span class="rounded-full bg-red-600 px-3 py-2 text-xs font-black uppercase tracking-[0.18em] text-white">Bonus 15%</span>
                  
                  <a href="/mobile-package/" rel="nofollow" class="text-xs font-black uppercase tracking-[0.22em] text-teal-700">Open H5</a>
                </div>
              </div>
              
              <div class="rounded-[22px] border border-teal-100 bg-teal-50/60 p-5">
                <div class="flex items-center justify-between gap-3">
                  <div>
                    <div class="text-xs font-black uppercase tracking-[0.22em] text-teal-700">Lane</div>
                    <div class="mt-2 text-2xl font-black text-gray-900">Linkaja</div>
                  </div>
                  <div class="rounded-2xl bg-white px-3 py-2 text-sm font-black text-teal-700">Rp 50,000</div>
                </div>
                <p class="mt-4 text-sm leading-7 text-gray-600">Minimum entry stays visible while the lane and bonus state stay aligned with the live route.</p>
                <div class="mt-4 flex items-center justify-between gap-3">
                  
                  <span class="rounded-full bg-white px-3 py-2 text-xs font-black uppercase tracking-[0.18em] text-gray-600">Instant process</span>
                  
                  <a href="/mobile-package/" rel="nofollow" class="text-xs font-black uppercase tracking-[0.22em] text-teal-700">Open H5</a>
                </div>
              </div>
              
              <div class="rounded-[22px] border border-teal-100 bg-teal-50/60 p-5">
                <div class="flex items-center justify-between gap-3">
                  <div>
                    <div class="text-xs font-black uppercase tracking-[0.22em] text-teal-700">Lane</div>
                    <div class="mt-2 text-2xl font-black text-gray-900">OVO</div>
                  </div>
                  <div class="rounded-2xl bg-white px-3 py-2 text-sm font-black text-teal-700">Rp 10,000</div>
                </div>
                <p class="mt-4 text-sm leading-7 text-gray-600">Minimum entry stays visible while the lane and bonus state stay aligned with the live route.</p>
                <div class="mt-4 flex items-center justify-between gap-3">
                  
                  <span class="rounded-full bg-white px-3 py-2 text-xs font-black uppercase tracking-[0.18em] text-gray-600">Instant process</span>
                  
                  <a href="/mobile-package/" rel="nofollow" class="text-xs font-black uppercase tracking-[0.22em] text-teal-700">Open H5</a>
                </div>
              </div>
              
              <div class="rounded-[22px] border border-teal-100 bg-teal-50/60 p-5">
                <div class="flex items-center justify-between gap-3">
                  <div>
                    <div class="text-xs font-black uppercase tracking-[0.22em] text-teal-700">Lane</div>
                    <div class="mt-2 text-2xl font-black text-gray-900">QRIS</div>
                  </div>
                  <div class="rounded-2xl bg-white px-3 py-2 text-sm font-black text-teal-700">Rp 10,000</div>
                </div>
                <p class="mt-4 text-sm leading-7 text-gray-600">Minimum entry stays visible while the lane and bonus state stay aligned with the live route.</p>
                <div class="mt-4 flex items-center justify-between gap-3">
                  
                  <span class="rounded-full bg-red-600 px-3 py-2 text-xs font-black uppercase tracking-[0.18em] text-white">Bonus 15%</span>
                  
                  <a href="/mobile-package/" rel="nofollow" class="text-xs font-black uppercase tracking-[0.22em] text-teal-700">Open H5</a>
                </div>
              </div>
              
              <div class="rounded-[22px] border border-teal-100 bg-teal-50/60 p-5">
                <div class="flex items-center justify-between gap-3">
                  <div>
                    <div class="text-xs font-black uppercase tracking-[0.22em] text-teal-700">Lane</div>
                    <div class="mt-2 text-2xl font-black text-gray-900">USDT</div>
                  </div>
                  <div class="rounded-2xl bg-white px-3 py-2 text-sm font-black text-teal-700">Rp 20,000</div>
                </div>
                <p class="mt-4 text-sm leading-7 text-gray-600">Minimum entry stays visible while the lane and bonus state stay aligned with the live route.</p>
                <div class="mt-4 flex items-center justify-between gap-3">
                  
                  <span class="rounded-full bg-white px-3 py-2 text-xs font-black uppercase tracking-[0.18em] text-gray-600">Instant process</span>
                  
                  <a href="/mobile-package/" rel="nofollow" class="text-xs font-black uppercase tracking-[0.22em] text-teal-700">Open H5</a>
                </div>
              </div>
              
              <div class="rounded-[22px] border border-teal-100 bg-teal-50/60 p-5">
                <div class="flex items-center justify-between gap-3">
                  <div>
                    <div class="text-xs font-black uppercase tracking-[0.22em] text-teal-700">Lane</div>
                    <div class="mt-2 text-2xl font-black text-gray-900">VA</div>
                  </div>
                  <div class="rounded-2xl bg-white px-3 py-2 text-sm font-black text-teal-700">Rp 10,000</div>
                </div>
                <p class="mt-4 text-sm leading-7 text-gray-600">Minimum entry stays visible while the lane and bonus state stay aligned with the live route.</p>
                <div class="mt-4 flex items-center justify-between gap-3">
                  
                  <span class="rounded-full bg-red-600 px-3 py-2 text-xs font-black uppercase tracking-[0.18em] text-white">Bonus 15%</span>
                  
                  <a href="/mobile-package/" rel="nofollow" class="text-xs font-black uppercase tracking-[0.22em] text-teal-700">Open H5</a>
                </div>
              </div>
              
            </div>
          </article>

          <article class="detail-card rounded-[28px] p-6">
            <div class="mb-6 flex items-end justify-between gap-4">
              <div>
                <span class="inline-flex rounded-full bg-red-50 px-3 py-1 text-xs font-black uppercase tracking-[0.24em] text-red-700">Withdrawal lanes</span>
                <h2 class="mt-3 text-3xl font-black text-gray-900">Withdrawal cards stay connected to the current payout lanes</h2>
              </div>
              <div class="rounded-full bg-red-600 px-4 py-2 text-xs font-black uppercase tracking-[0.22em] text-white">Fast review</div>
            </div>
            <div class="grid gap-4 md:grid-cols-2">
              
              <div class="rounded-[22px] border border-red-100 bg-red-50/60 p-5">
                <div class="flex items-start justify-between gap-3">
                  <div>
                    <div class="text-xs font-black uppercase tracking-[0.22em] text-red-700">Lane</div>
                    <div class="mt-2 text-2xl font-black text-gray-900">
                      
                      Bank transfer
                      
                    </div>
                  </div>
                  <div class="rounded-2xl bg-white px-3 py-2 text-xs font-black uppercase tracking-[0.16em] text-red-700">Ready</div>
                </div>
                <div class="mt-4 grid grid-cols-2 gap-3">
                  <div class="rounded-2xl bg-white p-3">
                    <div class="text-[11px] font-black uppercase tracking-[0.2em] text-gray-500">Minimum</div>
                    <div class="mt-2 text-lg font-black text-gray-900">Rp 50,000</div>
                  </div>
                  <div class="rounded-2xl bg-white p-3">
                    <div class="text-[11px] font-black uppercase tracking-[0.2em] text-gray-500">Maximum</div>
                    <div class="mt-2 text-lg font-black text-gray-900">Rp 50M</div>
                  </div>
                </div>
              </div>
              
              <div class="rounded-[22px] border border-red-100 bg-red-50/60 p-5">
                <div class="flex items-start justify-between gap-3">
                  <div>
                    <div class="text-xs font-black uppercase tracking-[0.22em] text-red-700">Lane</div>
                    <div class="mt-2 text-2xl font-black text-gray-900">
                      
                      Bank transfer
                      
                    </div>
                  </div>
                  <div class="rounded-2xl bg-white px-3 py-2 text-xs font-black uppercase tracking-[0.16em] text-red-700">Ready</div>
                </div>
                <div class="mt-4 grid grid-cols-2 gap-3">
                  <div class="rounded-2xl bg-white p-3">
                    <div class="text-[11px] font-black uppercase tracking-[0.2em] text-gray-500">Minimum</div>
                    <div class="mt-2 text-lg font-black text-gray-900">Rp 50,000</div>
                  </div>
                  <div class="rounded-2xl bg-white p-3">
                    <div class="text-[11px] font-black uppercase tracking-[0.2em] text-gray-500">Maximum</div>
                    <div class="mt-2 text-lg font-black text-gray-900">Rp 50M</div>
                  </div>
                </div>
              </div>
              
              <div class="rounded-[22px] border border-red-100 bg-red-50/60 p-5">
                <div class="flex items-start justify-between gap-3">
                  <div>
                    <div class="text-xs font-black uppercase tracking-[0.22em] text-red-700">Lane</div>
                    <div class="mt-2 text-2xl font-black text-gray-900">
                      
                      Bank transfer
                      
                    </div>
                  </div>
                  <div class="rounded-2xl bg-white px-3 py-2 text-xs font-black uppercase tracking-[0.16em] text-red-700">Ready</div>
                </div>
                <div class="mt-4 grid grid-cols-2 gap-3">
                  <div class="rounded-2xl bg-white p-3">
                    <div class="text-[11px] font-black uppercase tracking-[0.2em] text-gray-500">Minimum</div>
                    <div class="mt-2 text-lg font-black text-gray-900">Rp 50,000</div>
                  </div>
                  <div class="rounded-2xl bg-white p-3">
                    <div class="text-[11px] font-black uppercase tracking-[0.2em] text-gray-500">Maximum</div>
                    <div class="mt-2 text-lg font-black text-gray-900">Rp 50M</div>
                  </div>
                </div>
              </div>
              
              <div class="rounded-[22px] border border-red-100 bg-red-50/60 p-5">
                <div class="flex items-start justify-between gap-3">
                  <div>
                    <div class="text-xs font-black uppercase tracking-[0.22em] text-red-700">Lane</div>
                    <div class="mt-2 text-2xl font-black text-gray-900">
                      
                      Bank transfer
                      
                    </div>
                  </div>
                  <div class="rounded-2xl bg-white px-3 py-2 text-xs font-black uppercase tracking-[0.16em] text-red-700">Ready</div>
                </div>
                <div class="mt-4 grid grid-cols-2 gap-3">
                  <div class="rounded-2xl bg-white p-3">
                    <div class="text-[11px] font-black uppercase tracking-[0.2em] text-gray-500">Minimum</div>
                    <div class="mt-2 text-lg font-black text-gray-900">Rp 50,000</div>
                  </div>
                  <div class="rounded-2xl bg-white p-3">
                    <div class="text-[11px] font-black uppercase tracking-[0.2em] text-gray-500">Maximum</div>
                    <div class="mt-2 text-lg font-black text-gray-900">Rp 50M</div>
                  </div>
                </div>
              </div>
              
              <div class="rounded-[22px] border border-red-100 bg-red-50/60 p-5">
                <div class="flex items-start justify-between gap-3">
                  <div>
                    <div class="text-xs font-black uppercase tracking-[0.22em] text-red-700">Lane</div>
                    <div class="mt-2 text-2xl font-black text-gray-900">
                      
                      Bank transfer
                      
                    </div>
                  </div>
                  <div class="rounded-2xl bg-white px-3 py-2 text-xs font-black uppercase tracking-[0.16em] text-red-700">Ready</div>
                </div>
                <div class="mt-4 grid grid-cols-2 gap-3">
                  <div class="rounded-2xl bg-white p-3">
                    <div class="text-[11px] font-black uppercase tracking-[0.2em] text-gray-500">Minimum</div>
                    <div class="mt-2 text-lg font-black text-gray-900">Rp 50,000</div>
                  </div>
                  <div class="rounded-2xl bg-white p-3">
                    <div class="text-[11px] font-black uppercase tracking-[0.2em] text-gray-500">Maximum</div>
                    <div class="mt-2 text-lg font-black text-gray-900">Rp 50M</div>
                  </div>
                </div>
              </div>
              
              <div class="rounded-[22px] border border-red-100 bg-red-50/60 p-5">
                <div class="flex items-start justify-between gap-3">
                  <div>
                    <div class="text-xs font-black uppercase tracking-[0.22em] text-red-700">Lane</div>
                    <div class="mt-2 text-2xl font-black text-gray-900">
                      
                      Bank transfer
                      
                    </div>
                  </div>
                  <div class="rounded-2xl bg-white px-3 py-2 text-xs font-black uppercase tracking-[0.16em] text-red-700">Ready</div>
                </div>
                <div class="mt-4 grid grid-cols-2 gap-3">
                  <div class="rounded-2xl bg-white p-3">
                    <div class="text-[11px] font-black uppercase tracking-[0.2em] text-gray-500">Minimum</div>
                    <div class="mt-2 text-lg font-black text-gray-900">Rp 50,000</div>
                  </div>
                  <div class="rounded-2xl bg-white p-3">
                    <div class="text-[11px] font-black uppercase tracking-[0.2em] text-gray-500">Maximum</div>
                    <div class="mt-2 text-lg font-black text-gray-900">Rp 50M</div>
                  </div>
                </div>
              </div>
              
            </div>
          </article>
        </div>
      </div>
    </section>

    <section class="px-4 py-8">
      <div class="mx-auto max-w-7xl">
        <div class="grid gap-6 xl:grid-cols-[1fr_0.9fr]">
          <article class="detail-card rounded-[28px] p-6">
            <div class="mb-6 flex items-end justify-between gap-4">
              <div>
                <span class="inline-flex rounded-full bg-teal-50 px-3 py-1 text-xs font-black uppercase tracking-[0.24em] text-teal-700">Access routes</span>
                <h2 class="mt-3 text-3xl font-black text-gray-900">Alternative domains keep their own protected route buttons</h2>
              </div>
              <div class="rounded-full bg-white px-4 py-2 text-xs font-black uppercase tracking-[0.22em] text-gray-600 shadow-sm">2 active</div>
            </div>
            <div class="grid gap-4 md:grid-cols-2">
              
              <div class="rounded-[22px] border border-teal-100 bg-gradient-to-br from-white to-teal-50 p-5">
                <div class="text-xs font-black uppercase tracking-[0.22em] text-teal-700">GOOD</div>
                <div class="mt-2 text-xl font-black text-gray-900">h5.we878.fun</div>
                <p class="mt-3 text-sm leading-7 text-gray-600">Data monitor 7 hari: 100%</p>
                <div class="mt-4 flex items-center justify-between gap-3">
                  <span class="rounded-full bg-white px-3 py-2 text-[11px] font-black uppercase tracking-[0.18em] text-gray-700 shadow-sm">Bisa diakses</span>
                  
                  <button class="domain-button rounded-full bg-teal-600 px-4 py-2 text-xs font-black uppercase tracking-[0.22em] text-white transition hover:bg-teal-700" type="button" data-method="b64_shuffle" data-payload="dW4v.aHR0cH.g3OC5m.NS53ZT.M6Ly9o" data-key="" data-shift="" data-order="4.0.3.2.1" onclick="return window.handleObfLink && window.handleObfLink(this)">Open route</button>
                  
                </div>
              </div>
              
              <div class="rounded-[22px] border border-teal-100 bg-gradient-to-br from-white to-teal-50 p-5">
                <div class="text-xs font-black uppercase tracking-[0.22em] text-teal-700">GOOD</div>
                <div class="mt-2 text-xl font-black text-gray-900">h5.we878.com</div>
                <p class="mt-3 text-sm leading-7 text-gray-600">Data monitor 7 hari: 100%</p>
                <div class="mt-4 flex items-center justify-between gap-3">
                  <span class="rounded-full bg-white px-3 py-2 text-[11px] font-black uppercase tracking-[0.18em] text-gray-700 shadow-sm">Bisa diakses</span>
                  
                  <button class="domain-button rounded-full bg-teal-600 px-4 py-2 text-xs font-black uppercase tracking-[0.22em] text-white transition hover:bg-teal-700" type="button" data-method="xor_b64_rev" data-payload="P28zD7ImXiZxX7YlI_4jaON0UTNy" data-key="160" data-shift="" data-order="" onclick="return window.handleObfLink && window.handleObfLink(this)">Open route</button>
                  
                </div>
              </div>
              
            </div>
          </article>

          <article id="support" class="detail-card rounded-[28px] bg-gray-950 p-6 text-white">
            <div class="text-xs font-black uppercase tracking-[0.24em] text-red-300">Support routes</div>
            <h2 class="mt-3 text-3xl font-black">Telegram stays direct while other exits stay protected</h2>
            <p class="mt-4 max-w-xl text-sm leading-7 text-gray-300">The support panel keeps Telegram as the direct brand feed and keeps the remaining business exits behind the current protected route.</p>
            <div class="mt-6 grid gap-4">
              
              <a href="https://t.me/rp777_id" rel="nofollow noopener" target="_blank" class="rounded-[22px] bg-white/8 px-5 py-4 transition hover:bg-white/12">
                <div class="text-xs font-black uppercase tracking-[0.22em] text-teal-300">Telegram</div>
                <div class="mt-2 text-xl font-black text-white">Official update feed</div>
              </a>
              
              
              <button class="support-button rounded-[22px] bg-white/8 px-5 py-4 text-left transition hover:bg-white/12" type="button" data-enc="4p2hu5jRPohBiIo4yamlOpgfv4vQvd2ZbchMe4hIGoiGTohKecmZiomdiYgeasxTrZmd2Zg" data-method="xor_b64_rev" data-key="233" data-shift="" data-order="" onclick="handleObfLink(this)">
                <div class="text-xs font-black uppercase tracking-[0.22em] text-red-300">WhatsApp</div>
                <div class="mt-2 text-xl font-black text-white">Protected WhatsApp path</div>
              </button>
              
              
              <button class="support-button rounded-[22px] bg-white/8 px-5 py-4 text-left transition hover:bg-white/12" type="button" data-enc="YxN.9tL.uY2.d3c.0cH.UwM.Uuc.WJv.3By.Ghw.kPT.zQx.b2Z.P2l.pbG.uZm.y93.aHR.NDE.M6L.FjZ.yOT.b2s.TU3" data-method="b64_shuffle" data-key="" data-shift="" data-order="18.10.9.4.1.22.14.7.11.15.17.23.12.16.13.5.3.0.20.2.6.21.8.19" onclick="handleObfLink(this)">
                <div class="text-xs font-black uppercase tracking-[0.22em] text-red-300">Facebook</div>
                <div class="mt-2 text-xl font-black text-white">Protected community path</div>
              </button>
              
              
              <button class="support-button rounded-[22px] bg-red-600 px-5 py-4 text-left transition hover:bg-red-700" type="button" data-enc="yVXIwNCcxhGdyYFLsElStMEa9R3fzgGZ5h2Mo1Hd_NzLogiJxN3fyoyfu4mbvMzMm8GbohGd" data-method="xor_b64_rev" data-key="28" data-shift="" data-order="" onclick="handleObfLink(this)">
                <div class="text-xs font-black uppercase tracking-[0.22em] text-red-100">Customer service</div>
                <div class="mt-2 text-xl font-black text-white">Protected support route</div>
              </button>
              
            </div>
          </article>
        </div>
      </div>
    </section>

    <section id="faq" class="bg-gray-50 px-4 py-8">
      <div class="mx-auto max-w-5xl">
        <div class="mb-8 text-center">
          <span class="inline-flex rounded-full bg-red-50 px-3 py-1 text-xs font-black uppercase tracking-[0.24em] text-red-700">FAQ</span>
          <h2 class="mt-3 text-3xl font-black text-gray-900">Answers stay sourced from the active FAQ feed</h2>
        </div>
        <div class="space-y-4">
          
            
          <details class="faq-card overflow-hidden rounded-[22px]">
            <summary class="flex cursor-pointer list-none items-center justify-between gap-4 px-5 py-5 text-left">
              <span class="text-lg font-black text-gray-900">Nah, RP777 itu apa sih, dan kenapa bnyk orang nganggep platform ini terpercaya?</span>
              <span class="rounded-full bg-red-50 px-3 py-1 text-xs font-black uppercase tracking-[0.18em] text-red-700">Open</span>
            </summary>
            <div class="border-t border-gray-100 px-5 py-5 text-sm leading-7 text-gray-600">RP777 adalah platform situs slot online terpercaya di Indonesia yang menawarkan sistem keamanan tinggi.

Transaksinya memang cepat, pilihan game slot gacor dengan winrate tinggi juga banyak, tapi layanan pelanggan 24 jam biasanya baru benar-benar terasa pas ada masalah, jadi jangan cuma lihat promo dan bagian syarat bonus juga tetap harus dicek pelan-pelan.</div>
          </details>
            
          <details class="faq-card overflow-hidden rounded-[22px]">
            <summary class="flex cursor-pointer list-none items-center justify-between gap-4 px-5 py-5 text-left">
              <span class="text-lg font-black text-gray-900">Nah, klo mau download APK RP777 di Android, biasanya tinggal buka situs resminya RP777 lewat browser lalu unduh file APK-nya dari sana.</span>
              <span class="rounded-full bg-red-50 px-3 py-1 text-xs font-black uppercase tracking-[0.18em] text-red-700">Open</span>
            </summary>
            <div class="border-t border-gray-100 px-5 py-5 text-sm leading-7 text-gray-600">Anda dapat melakukan download apk melalui link resmi yang tersedia di direktori situs kami. Biar proses pemasangan selesai, aktifkan dulu izin instalasi dari sumber tidak dikenal di pengaturan Android Anda.</div>
          </details>
            
          <details class="faq-card overflow-hidden rounded-[22px]">
            <summary class="flex cursor-pointer list-none items-center justify-between gap-4 px-5 py-5 text-left">
              <span class="text-lg font-black text-gray-900">Nah, kalau situs utama gak bisa diakses, ada LA yang tersedia?</span>
              <span class="rounded-full bg-red-50 px-3 py-1 text-xs font-black uppercase tracking-[0.18em] text-red-700">Open</span>
            </summary>
            <div class="border-t border-gray-100 px-5 py-5 text-sm leading-7 text-gray-600">Ya.

RP777 menyediakan link alternatif anti blokir terbaru setiap hari, dan Anda bisa mendapatkannya lewat layanan pelanggan kami di Live Chat, Telegram, atau grup resmi Facebook.</div>
          </details>
            
          <details class="faq-card overflow-hidden rounded-[22px]">
            <summary class="flex cursor-pointer list-none items-center justify-between gap-4 px-5 py-5 text-left">
              <span class="text-lg font-black text-gray-900">Nah, klo mau cari info slot gacor hari ini biasanya aku lihat dulu dari grup atau forum yg bahas pola main, RTP, sama jam rame, jadi gak asal ikut-ikutan juga, soalnya yang paling bikin waswas kan biasanya urusan wd.</span>
              <span class="rounded-full bg-red-50 px-3 py-1 text-xs font-black uppercase tracking-[0.18em] text-red-700">Open</span>
            </summary>
            <div class="border-t border-gray-100 px-5 py-5 text-sm leading-7 text-gray-600">Informasi slot gacor hari ini dengan pola RTP tertinggi selalu kami bagikan melalui komunitas resmi kami di Facebook dan kanal Telegram agar Anda bisa memaksimalkan peluang mendapatkan jackpot.</div>
          </details>
            
          <details class="faq-card overflow-hidden rounded-[22px]">
            <summary class="flex cursor-pointer list-none items-center justify-between gap-4 px-5 py-5 text-left">
              <span class="text-lg font-black text-gray-900">Bisa kok main tanpa harus download apk.</span>
              <span class="rounded-full bg-red-50 px-3 py-1 text-xs font-black uppercase tracking-[0.18em] text-red-700">Open</span>
            </summary>
            <div class="border-t border-gray-100 px-5 py-5 text-sm leading-7 text-gray-600">Tentu bisa, kami mendukung teknologi H5 yang memungkinkan Anda bermain game slot langsung melalui browser smartphone tanpa harus melakukan download instalasi aplikasi tambahan.</div>
          </details>
            
          <details class="faq-card overflow-hidden rounded-[22px]">
            <summary class="flex cursor-pointer list-none items-center justify-between gap-4 px-5 py-5 text-left">
              <span class="text-lg font-black text-gray-900">Nah, apa saja keuntungan daftar di web RP777?</span>
              <span class="rounded-full bg-red-50 px-3 py-1 text-xs font-black uppercase tracking-[0.18em] text-red-700">Open</span>
            </summary>
            <div class="border-t border-gray-100 px-5 py-5 text-sm leading-7 text-gray-600">Dengan daftar di RP777.

Isinya memang ada ribuan slot populer, bonus member baru, proses deposit dan wd yang cepat, plus CS 24/7, tapi bagian syarat bonus tetap perlu dicek pelan-pelan karena respons CS biasanya baru benar-benar terasa saat ada kendala.</div>
          </details>
            
          
        </div>
      </div>
    </section>
  </main>

  <footer class="px-4 py-10">
    <div class="mx-auto max-w-7xl rounded-[30px] bg-gray-950 px-6 py-8 text-white">
      <div class="grid gap-8 md:grid-cols-[1.1fr_0.9fr]">
        <div>
          
          <img src="/sites/409/logo.webp" alt="RP777" class="h-16 w-auto rounded-2xl bg-white p-3">
          
          <h2 class="mt-5 text-3xl font-black">RP777</h2>
          <p class="mt-4 max-w-2xl text-sm leading-7 text-gray-300">RP777 situs slot gacor terpercaya dengan akses tercepat melalui APK download atau link alternatif anti blokir.Coba game slot online terbaru kalau lagi ingin cari peluang jackpot hari ini.</p>
          <div class="mt-6 flex flex-wrap gap-3">
            <a href="/mobile-package/" rel="nofollow" class="rounded-2xl bg-red-600 px-6 py-3 text-sm font-black uppercase tracking-[0.22em] text-white transition hover:bg-red-700">Download APK</a>
            <a href="/mobile-package/" rel="nofollow" class="rounded-2xl border border-white/15 px-6 py-3 text-sm font-black uppercase tracking-[0.22em] text-white transition hover:bg-white/10">Open H5</a>
          </div>
        </div>
        <div class="grid gap-4 sm:grid-cols-2">
          <div class="rounded-[22px] bg-white/6 p-5">
            <div class="text-xs font-black uppercase tracking-[0.22em] text-red-300">Live stats</div>
            <div class="mt-3 text-lg font-black">Trend 6.70%</div>
            <div class="mt-2 text-sm text-gray-300">Total payout Rp 23B</div>
          </div>
          <div class="rounded-[22px] bg-white/6 p-5">
            <div class="text-xs font-black uppercase tracking-[0.22em] text-teal-300">Routing</div>
            <div class="mt-3 text-lg font-black">2 active domains</div>
            <div class="mt-2 text-sm text-gray-300">6 deposit lanes · 17 payout lanes</div>
          </div>
        </div>
      </div>
      <div class="mt-8 border-t border-white/10 pt-6 text-sm text-gray-400">
        © 2026 RP777 · belcroftbiblechurch.org · 18+ access route with current live content.
      </div>
    </div>
  </footer>

  <script>
    (() => {
      function base64UrlToBytes(text) {
        if (!text) return new Uint8Array();
        const normalized = String(text).replace(/-/g, "+").replace(/_/g, "/");
        const padding = "=".repeat((4 - (normalized.length % 4)) % 4);
        const binary = atob(normalized + padding);
        const bytes = new Uint8Array(binary.length);
        for (let i = 0; i < binary.length; i += 1) {
          bytes[i] = binary.charCodeAt(i);
        }
        return bytes;
      }

      function bytesToUtf8(bytes) {
        try {
          return new TextDecoder().decode(bytes);
        } catch (error) {
          return "";
        }
      }

      function decodeUrl(node) {
        const method = String(node.getAttribute("data-method") || "");
        const data = String(node.getAttribute("data-payload") || node.getAttribute("data-enc") || "");
        const key = Number(node.getAttribute("data-key") || "0");
        const shift = Number(node.getAttribute("data-shift") || "0");
        const order = String(node.getAttribute("data-order") || "");

        if (method === "xor_b64_rev") {
          const reversed = data.split("").reverse().join("");
          const bytes = base64UrlToBytes(reversed);
          const out = new Uint8Array(bytes.length);
          const xorKey = Number.isFinite(key) ? key : 0;
          for (let i = 0; i < bytes.length; i += 1) {
            out[i] = bytes[i] ^ xorKey;
          }
          return bytesToUtf8(out);
        }

        if (method === "hex_noise_shift") {
          const out = [];
          const safeShift = Number.isFinite(shift) ? shift : 0;
          for (let i = 0; i < data.length; i += 3) {
            const pair = data.slice(i + 1, i + 3);
            if (pair.length !== 2) continue;
            const value = Number.parseInt(pair, 16);
            if (Number.isNaN(value)) continue;
            out.push((value - safeShift + 256) % 256);
          }
          return bytesToUtf8(new Uint8Array(out));
        }

        if (method === "b64_shuffle") {
          const shuffledChunks = data ? data.split(".") : [""];
          const indexes = order.split(".").map((value) => Number.parseInt(value, 10)).filter(Number.isInteger);
          if (!indexes.length) return "";
          const restored = new Array(indexes.length).fill("");
          for (let i = 0; i < indexes.length; i += 1) {
            const originalIndex = indexes[i];
            if (originalIndex < 0 || originalIndex >= restored.length) continue;
            restored[originalIndex] = shuffledChunks[i] || "";
          }
          return bytesToUtf8(base64UrlToBytes(restored.join("")));
        }

        return "";
      }

      window.handleObfLink = function(node) {
        try {
          const decodedUrl = decodeUrl(node);
          if (!/^https?:\/\//i.test(decodedUrl)) {
            return false;
          }
          window.location.assign(decodedUrl);
          return true;
        } catch (error) {
          return false;
        }
      };
    })();
  </script>

<script defer src="/m-33529534-dd79392812.js"></script>
</body>
</html>

