
<!doctype html>
<html amp lang="id">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1" />
  <title>ZONAWD : Situs Rekomendasi Slot Gacor dan Slot88 Terbukti Aman Oleh Komunitas</title>
  <meta name="description" content="ZONAWD jadi rekomendasi komunitas buat slot gacor dan slot88 yang aman. Simak alasan, bukti, dan diskusi kenapa komunitas percaya ZONAWD." />
  <meta name="robots" content="index,follow" />
  <link rel="canonical" href="https://salesboyoli.com/" />
  <link rel="icon" href="https://cdn.zonawd.vip/images/zcdn_20260911_133323_8c789fd4d5fb03405bb7bfb1.webp" />
  <script async src="https://cdn.ampproject.org/v0.js"></script>
  <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style>
  <noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<style amp-custom>
  * { box-sizing: border-box; }

  body {
    margin: 0;
    font-family: system-ui, -apple-system, sans-serif;
    background: url('https://cdn.zonawd.vip/images/zcdn_20260911_133121_ccd2ffb9aa9fa56ef6579e10.png') no-repeat center/cover fixed;
    min-height: 100vh;
    position: relative;
    padding-bottom: 100px;
  }

  body::before {
    content: '';
    position: fixed;
    inset: 0;
    background: radial-gradient(
      ellipse at top,
      rgba(0, 0, 0, 0.45) 0%,
      rgba(0, 0, 0, 0.80) 50%,
      rgba(0, 0, 0, 0.95) 100%
    );
    z-index: 0;
  }

  .wrap {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    padding: 0 14px;
  }

  /* ============================================================
     TOP BAR - KOMUNITAS STYLE
     ============================================================ */
  .topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 14px 0 10px;
  }

  .topbar-left {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
  }

  .topbar-logo {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid rgba(255, 0, 160, 0.30);
    background: rgba(255, 255, 255, 0.04);
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 20px rgba(255, 0, 160, 0.20);
  }

  .topbar-logo amp-img { object-fit: contain; }

  .topbar-text {
    min-width: 0;
  }

  .topbar-text .name {
    font-weight: 800;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.95);
    letter-spacing: -0.2px;
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .topbar-text .name .verified {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff00a0, #9b30ff);
    color: #fff;
    font-size: 8px;
    font-weight: 900;
  }

  .topbar-text .sub {
    font-size: 9px;
    color: rgba(255, 255, 255, 0.40);
    letter-spacing: 0.5px;
    margin-top: 2px;
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .topbar-text .sub .dot-online {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #4ade80;
    box-shadow: 0 0 6px #4ade80;
  }

  /* ============================================================
     CTA ATAS
     ============================================================ */
  .cta-box {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 8px;
  }

  .cta-box a {
    height: 50px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 800;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    position: relative;
    overflow: hidden;
    transition: transform 0.15s ease;
  }

  .cta-box a:active { transform: scale(0.97); }

  .cta-main {
    background: linear-gradient(135deg, #ff00a0, #9b30ff);
    color: #fff;
    box-shadow: 0 8px 24px rgba(255, 0, 160, 0.40);
    position: relative;
  }

  .cta-main::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.35), transparent);
    animation: shimmer 3s infinite;
  }

  @keyframes shimmer {
    0% { left: -100%; }
    100% { left: 100%; }
  }

  .cta-alt {
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(10px);
  }

  .cta-top {
    margin-bottom: 14px;
    margin-top: 4px;
  }

  /* ============================================================
     COMMUNITY COVER
     ============================================================ */
  .community-cover {
    position: relative;
    width: 100%;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.50);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: none;
  }

  .community-cover amp-img { display: block; }

  .community-cover-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.60) 100%);
    display: flex;
    align-items: flex-end;
    padding: 16px;
  }

  .community-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 800;
    color: #fff;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.10);
    text-transform: uppercase;
    letter-spacing: 1px;
  }

  /* ============================================================
     COMMUNITY INFO
     ============================================================ */
  .community-info {
    background: rgba(20, 10, 30, 0.60);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-top: none;
    border-radius: 0 0 20px 20px;
    padding: 16px;
    margin-bottom: 14px;
  }

  .community-info-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
  }

  .community-avatar {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid rgba(255, 0, 160, 0.40);
    background: rgba(255, 255, 255, 0.04);
    flex-shrink: 0;
    box-shadow: 0 0 24px rgba(255, 0, 160, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .community-avatar amp-img { object-fit: contain; }

  .community-meta {
    min-width: 0;
    flex: 1;
  }

  .community-meta .name {
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.3px;
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .community-meta .name .verified {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff00a0, #9b30ff);
    color: #fff;
    font-size: 9px;
    font-weight: 900;
  }

  .community-meta .tag {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.45);
    margin-top: 3px;
    letter-spacing: 0.3px;
  }

  .community-stats {
    display: flex;
    gap: 20px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
  }

  .community-stat {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .community-stat .num {
    font-size: 15px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.3px;
  }

  .community-stat .lbl {
    font-size: 9px;
    color: rgba(255, 255, 255, 0.40);
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  /* ============================================================
     FEED
     ============================================================ */
  .feed {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 14px;
  }

  .post {
    background: rgba(20, 10, 30, 0.55);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 18px;
    padding: 14px;
    position: relative;
    overflow: hidden;
  }

  .post::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 0, 160, 0.20), transparent);
  }

  .post-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
  }

  .post-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 800;
    color: #fff;
    flex-shrink: 0;
    letter-spacing: -0.3px;
  }

  .post-meta {
    flex: 1;
    min-width: 0;
  }

  .post-meta .name {
    font-size: 12px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.2px;
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .post-meta .name .badge {
    display: inline-flex;
    align-items: center;
    padding: 2px 6px;
    border-radius: 999px;
    font-size: 8px;
    font-weight: 700;
    background: rgba(255, 0, 160, 0.20);
    color: #ff66c4;
    text-transform: uppercase;
    letter-spacing: 0.3px;
  }

  .post-meta .time {
    font-size: 9px;
    color: rgba(255, 255, 255, 0.35);
    margin-top: 2px;
  }

  .post-content {
    font-size: 12px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.80);
    margin-bottom: 10px;
    word-wrap: break-word;
  }

  .post-content .highlight {
    color: #ff66c4;
    font-weight: 700;
  }

  .post-actions {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
  }

  .post-action {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    color: rgba(255, 255, 255, 0.45);
    font-weight: 600;
  }

  .post-action .icon {
    font-size: 13px;
    line-height: 1;
  }

  .post-action.liked {
    color: #ff66c4;
  }

  /* ============================================================
     TRENDING
     ============================================================ */
  .trending {
    background: rgba(20, 10, 30, 0.55);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 18px;
    padding: 14px;
    margin-bottom: 14px;
  }

  .trending-title {
    font-size: 11px;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.85);
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .trending-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  .trend-tag {
    padding: 5px 12px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.70);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.06);
    text-decoration: none;
  }

  .trend-tag .hash {
    color: #ff66c4;
    font-weight: 800;
  }

  /* ============================================================
     NOTE BAR
     ============================================================ */
  .note-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    margin-bottom: 14px;
  }

  .note-bar .dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #4ade80;
    box-shadow: 0 0 8px #4ade80;
    flex-shrink: 0;
    animation: pulse 2s infinite;
  }

  @keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
  }

  .note-bar .text {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.55);
    letter-spacing: 0.2px;
  }

  /* ============================================================
     FOOTER
     ============================================================ */
  .foot {
    text-align: center;
    font-size: 10px;
    color: rgba(255, 255, 255, 0.15);
    padding: 8px 0 16px;
    letter-spacing: 0.3px;
  }

  .foot strong { color: rgba(255, 255, 255, 0.30); font-weight: 600; }

  /* ============================================================
     STICKY CTA BOTTOM
     ============================================================ */
  .sticky-cta {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 12px 14px 16px;
    background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.85) 40%, rgba(0,0,0,0.98) 100%);
    z-index: 999;
    pointer-events: none;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }

  .sticky-cta-inner {
    max-width: 500px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 8px;
    pointer-events: auto;
  }

  .sticky-cta a {
    height: 50px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 800;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    position: relative;
    overflow: hidden;
    transition: transform 0.15s ease;
  }

  .sticky-cta a:active { transform: scale(0.97); }

  .sticky-cta .cta-main {
    background: linear-gradient(135deg, #ff00a0, #9b30ff);
    color: #fff;
    box-shadow: 0 8px 24px rgba(255, 0, 160, 0.45);
    position: relative;
  }

  .sticky-cta .cta-main::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.35), transparent);
    animation: shimmer 3s infinite;
  }

  .sticky-cta .cta-alt {
    background: rgba(255, 255, 255, 0.10);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
  }

  /* ============================================================
     RESPONSIVE
     ============================================================ */
  @media (max-width: 420px) {
    .wrap { padding: 0 10px; }
    .topbar { padding: 12px 0 8px; }
    .topbar-logo { width: 34px; height: 34px; }
    .topbar-text .name { font-size: 13px; }
    .community-info { padding: 14px; }
    .community-avatar { width: 46px; height: 46px; }
    .community-meta .name { font-size: 15px; }
    .post { padding: 12px; border-radius: 16px; }
    .post-avatar { width: 32px; height: 32px; font-size: 12px; }
    .post-content { font-size: 11px; }
    .cta-box a { height: 46px; font-size: 12px; border-radius: 14px; }
    .sticky-cta { padding: 10px 10px 14px; }
    .sticky-cta a { height: 46px; font-size: 12px; border-radius: 14px; }
  }
</style>
</head>
<body>

  <div class="wrap">

    <!-- TOP BAR -->
    <div class="topbar">
      <div class="topbar-left">
        <div class="topbar-logo">
          <amp-img src="https://cdn.zonawd.vip/images/zcdn_20260911_133323_8c789fd4d5fb03405bb7bfb1.webp" width="38" height="38" layout="fixed" alt="ZONAWD"></amp-img>
        </div>
        <div class="topbar-text">
          <div class="name">
            ZONAWD            <span class="verified">✓</span>
          </div>
          <div class="sub">
            <span class="dot-online"></span>
            247 anggota online
          </div>
        </div>
      </div>
    </div>

    <!-- CTA ATAS -->
    <div class="cta-box cta-top">
      <a class="cta-main" href="https://aksesvip-5st.pages.dev/" target="_blank">Daftar</a>
      <a class="cta-alt" href="https://aksesvip-5st.pages.dev/" target="_blank">Login</a>
    </div>

    <!-- COMMUNITY COVER -->
    <div class="community-cover">
      <amp-img src="https://cdn.zonawd.vip/images/zcdn_20260911_133121_ccd2ffb9aa9fa56ef6579e10.png" width="500" height="500" layout="responsive" alt="ZONAWD"></amp-img>
      <div class="community-cover-overlay">
        <span class="community-badge">✓ Komunitas Resmi</span>
      </div>
    </div>

    <!-- COMMUNITY INFO -->
    <div class="community-info">
      <div class="community-info-header">
        <div class="community-avatar">
          <amp-img src="https://cdn.zonawd.vip/images/zcdn_20260911_133323_8c789fd4d5fb03405bb7bfb1.webp" width="52" height="52" layout="fixed" alt="ZONAWD"></amp-img>
        </div>
        <div class="community-meta">
          <div class="name">
            ZONAWD            <span class="verified">✓</span>
          </div>
          <div class="tag">Grup Diskusi Slot Gacor & Slot88</div>
        </div>
      </div>
      <div class="community-stats">
        <div class="community-stat">
          <span class="num">12.4K</span>
          <span class="lbl">Anggota</span>
        </div>
        <div class="community-stat">
          <span class="num">247</span>
          <span class="lbl">Online</span>
        </div>
        <div class="community-stat">
          <span class="num">4.9</span>
          <span class="lbl">Rating</span>
        </div>
      </div>
    </div>

    <!-- FEED -->
    <div class="feed">

      <div class="post">
        <div class="post-header">
          <div class="post-avatar" style="background: linear-gradient(135deg, #ff00a0, #9b30ff);">B</div>
          <div class="post-meta">
            <div class="name">Budi S. <span class="badge">Member</span></div>
            <div class="time">2 jam yang lalu</div>
          </div>
        </div>
        <div class="post-content">
          Malam semua! Ada yang lagi main <span class="highlight">slot gacor</span> hari ini? Gua lagi coba Gates of Olympus, lumayan dapet beberapa kali scatter. Tapi tetep atur modal ya bre.
        </div>
        <div class="post-actions">
          <div class="post-action liked"><span class="icon">❤️</span> 128</div>
          <div class="post-action"><span class="icon">💬</span> 24</div>
          <div class="post-action"><span class="icon">🔗</span> 8</div>
        </div>
      </div>

      <div class="post">
        <div class="post-header">
          <div class="post-avatar" style="background: linear-gradient(135deg, #9b30ff, #00d4ff);">S</div>
          <div class="post-meta">
            <div class="name">Siti R. <span class="badge">VIP</span></div>
            <div class="time">4 jam yang lalu</div>
          </div>
        </div>
        <div class="post-content">
          Sharing pengalaman: kemarin gua main <span class="highlight">slot88</span> di ZONAWD, dapet maxwin 50x dari Mahjong Ways. WD lancar gak ada drama. Yang penting sabar dan jangan chasing loss.
        </div>
        <div class="post-actions">
          <div class="post-action liked"><span class="icon">❤️</span> 215</div>
          <div class="post-action"><span class="icon">💬</span> 42</div>
          <div class="post-action"><span class="icon">🔗</span> 15</div>
        </div>
      </div>

      <div class="post">
        <div class="post-header">
          <div class="post-avatar" style="background: linear-gradient(135deg, #ff6b35, #ff00a0);">A</div>
          <div class="post-meta">
            <div class="name">Andi P. <span class="badge">Member</span></div>
            <div class="time">6 jam yang lalu</div>
          </div>
        </div>
        <div class="post-content">
          Info buat yang baru: cek dulu <span class="highlight">RTP slot gacor</span> sebelum main. Jangan asal klik. Di grup ini banyak yang sharing info RTP update. Manfaatkan.
        </div>
        <div class="post-actions">
          <div class="post-action liked"><span class="icon">❤️</span> 89</div>
          <div class="post-action"><span class="icon">💬</span> 18</div>
          <div class="post-action"><span class="icon">🔗</span> 5</div>
        </div>
      </div>

      <div class="post">
        <div class="post-header">
          <div class="post-avatar" style="background: linear-gradient(135deg, #00d4ff, #00ff88);">M</div>
          <div class="post-meta">
            <div class="name">Maya L. <span class="badge">Senior</span></div>
            <div class="time">8 jam yang lalu</div>
          </div>
        </div>
        <div class="post-content">
          Reminder buat semua: main <span class="highlight">slot gacor</span> itu buat hiburan, bukan buat cari nafkah. Kalo udah lewat budget harian, stop. Jangan sampe pake uang kebutuhan.
        </div>
        <div class="post-actions">
          <div class="post-action liked"><span class="icon">❤️</span> 312</div>
          <div class="post-action"><span class="icon">💬</span> 67</div>
          <div class="post-action"><span class="icon">🔗</span> 28</div>
        </div>
      </div>

    </div>

    <!-- TRENDING -->
    <div class="trending">
      <div class="trending-title">
        <span>🔥</span>
        Trending di Komunitas
      </div>
      <div class="trending-list">
        <a class="trend-tag" href="https://aksesvip-5st.pages.dev/" target="_blank"><span class="hash">#</span>SlotGacor</a>
        <a class="trend-tag" href="https://aksesvip-5st.pages.dev/" target="_blank"><span class="hash">#</span>Slot88</a>
        <a class="trend-tag" href="https://aksesvip-5st.pages.dev/" target="_blank"><span class="hash">#</span>Maxwin</a>
        <a class="trend-tag" href="https://aksesvip-5st.pages.dev/" target="_blank"><span class="hash">#</span>RTPTinggi</a>
        <a class="trend-tag" href="https://aksesvip-5st.pages.dev/" target="_blank"><span class="hash">#</span>PolaGacor</a>
        <a class="trend-tag" href="https://aksesvip-5st.pages.dev/" target="_blank"><span class="hash">#</span>ZONAWD</a>
        <a class="trend-tag" href="https://aksesvip-5st.pages.dev/" target="_blank"><span class="hash">#</span>WDlancar</a>
        <a class="trend-tag" href="https://aksesvip-5st.pages.dev/" target="_blank"><span class="hash">#</span>Komunitas</a>
      </div>
    </div>

    <!-- NOTE BAR -->
    <div class="note-bar">
      <span class="dot"></span>
      <span class="text">247 anggota online · Diskusi aktif 24 jam</span>
    </div>

    <!-- FOOTER -->
    <footer class="foot">
      © 2026 <strong>X I N S E O</strong> · All rights reserved
    </footer>

  </div>

  <!-- STICKY CTA -->
  <div class="sticky-cta">
    <div class="sticky-cta-inner">
      <a class="cta-main" href="https://aksesvip-5st.pages.dev/" target="_blank">Daftar Sekarang</a>
      <a class="cta-alt" href="https://aksesvip-5st.pages.dev/" target="_blank">Login</a>
    </div>
  </div>

</body>
</html>