Euro

Pound Sterling

Rupiah

Malaysian Ringgit

Philippine Peso

Singapore Dollar

US Dollar

Affordable MLBB top up, Honor of Kings, Dragon Nest M Classic & Genshin Impact. Cheap PH game credits, instant delivery, secure GCash and QRPH payments.

GPDS GAME SHOP 2025

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>GPDS Game Shop – Up to 30% OFF on All Games!</title>
  <style>
    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&display=swap');

    * { margin: 0; padding: 0; box-sizing: border-box; }

    body {
      font-family: 'Inter', Arial, sans-serif;
      background: radial-gradient(ellipse at center, #0a1628 0%, #000000 100%);
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
      overflow: hidden;
    }

    /* Animated background particles */
    body::before {
      content: '';
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background-image:
        radial-gradient(2px 2px at 20% 30%, rgba(34,197,94,0.3), transparent),
        radial-gradient(2px 2px at 40% 70%, rgba(34,197,94,0.2), transparent),
        radial-gradient(2px 2px at 60% 20%, rgba(34,197,94,0.3), transparent),
        radial-gradient(2px 2px at 80% 60%, rgba(34,197,94,0.2), transparent),
        radial-gradient(2px 2px at 10% 80%, rgba(34,197,94,0.15), transparent),
        radial-gradient(2px 2px at 90% 40%, rgba(34,197,94,0.25), transparent);
      animation: drift 20s linear infinite;
      pointer-events: none;
      z-index: 0;
    }

    @keyframes drift {
      0% { transform: translateY(0); }
      100% { transform: translateY(-50px); }
    }

    .popup {
      position: relative;
      z-index: 1;
      background: linear-gradient(145deg, #111827 0%, #0d1117 50%, #111827 100%);
      color: #e5e7eb;
      border-radius: 20px;
      padding: 0;
      max-width: 520px;
      width: 92%;
      box-shadow:
        0 0 40px rgba(34,197,94,0.15),
        0 20px 60px rgba(0,0,0,0.6),
        inset 0 1px 0 rgba(255,255,255,0.05);
      border: 1px solid rgba(34,197,94,0.2);
      overflow: hidden;
      animation: popIn 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    }

    @keyframes popIn {
      0% { transform: scale(0.8) translateY(30px); opacity: 0; }
      100% { transform: scale(1) translateY(0); opacity: 1; }
    }

    /* ── Discount Banner ── */
    .discount-banner {
      background: linear-gradient(135deg, #16a34a 0%, #22c55e 40%, #4ade80 100%);
      padding: 18px 20px;
      text-align: center;
      position: relative;
      overflow: hidden;
    }

    .discount-banner::before {
      content: '';
      position: absolute;
      top: -50%; left: -50%;
      width: 200%; height: 200%;
      background: repeating-linear-gradient(
        45deg,
        transparent,
        transparent 10px,
        rgba(255,255,255,0.03) 10px,
        rgba(255,255,255,0.03) 20px
      );
      animation: shimmer 3s linear infinite;
    }

    @keyframes shimmer {
      0% { transform: translateX(-50px); }
      100% { transform: translateX(50px); }
    }

    .discount-badge {
      position: relative;
      z-index: 1;
    }

    .discount-badge .label {
      display: block;
      font-size: 13px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 3px;
      color: rgba(0,0,0,0.6);
      margin-bottom: 4px;
    }

    .discount-badge .amount {
      font-size: 48px;
      font-weight: 900;
      color: #000;
      line-height: 1;
      text-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

    .discount-badge .amount span {
      font-size: 22px;
      vertical-align: top;
      margin-left: 2px;
    }

    .discount-badge .sub {
      display: block;
      font-size: 14px;
      font-weight: 700;
      color: rgba(0,0,0,0.7);
      margin-top: 4px;
      letter-spacing: 1px;
    }

    /* ── Content Area ── */
    .content {
      padding: 24px 28px 20px;
    }

    h2 {
      color: #22c55e;
      font-size: 22px;
      font-weight: 800;
      margin-bottom: 6px;
      line-height: 1.3;
    }

    .tagline {
      color: #9ca3af;
      font-size: 13px;
      margin-bottom: 16px;
      font-weight: 400;
    }

    .description {
      font-size: 14px;
      line-height: 1.7;
      color: #d1d5db;
      margin-bottom: 18px;
    }

    /* ── Features Grid ── */
    .features {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
      margin-bottom: 20px;
    }

    .feature {
      background: rgba(34,197,94,0.06);
      border: 1px solid rgba(34,197,94,0.12);
      border-radius: 10px;
      padding: 12px 14px;
      font-size: 13px;
      color: #d1d5db;
      display: flex;
      align-items: center;
      gap: 8px;
      transition: background 0.2s, border-color 0.2s;
    }

    .feature:hover {
      background: rgba(34,197,94,0.12);
      border-color: rgba(34,197,94,0.25);
    }

    .feature .icon {
      font-size: 18px;
      flex-shrink: 0;
    }

    /* ── Games Marquee ── */
    .games-section {
      margin-bottom: 18px;
    }

    .games-label {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 2px;
      color: #6b7280;
      margin-bottom: 8px;
      font-weight: 600;
    }

    .games-list {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
    }

    .game-tag {
      background: rgba(255,255,255,0.05);
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: 20px;
      padding: 5px 12px;
      font-size: 12px;
      color: #9ca3af;
      white-space: nowrap;
      transition: all 0.2s;
    }

    .game-tag:hover {
      background: rgba(34,197,94,0.1);
      border-color: rgba(34,197,94,0.3);
      color: #22c55e;
    }

    /* ── Trustpilot ── */
    .trustpilot {
      background: linear-gradient(135deg, rgba(14,23,38,0.8), rgba(14,23,38,0.5));
      border: 1px solid rgba(34,197,94,0.1);
      padding: 14px 16px;
      border-radius: 12px;
      margin-bottom: 18px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }

    .trustpilot-info {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .stars {
      color: #facc15;
      font-size: 16px;
      letter-spacing: 1px;
    }

    .trust-text {
      font-size: 13px;
      font-weight: 600;
      color: #e5e7eb;
    }

    .trust-sub {
      font-size: 11px;
      color: #6b7280;
    }

    .trust-link {
      font-size: 12px;
      color: #22c55e;
      text-decoration: none;
      font-weight: 600;
      white-space: nowrap;
      border: 1px solid rgba(34,197,94,0.3);
      padding: 6px 14px;
      border-radius: 8px;
      transition: all 0.2s;
    }

    .trust-link:hover {
      background: rgba(34,197,94,0.1);
      border-color: #22c55e;
    }

    /* ── CTA Button ── */
    .cta-wrapper {
      text-align: center;
      margin-bottom: 20px;
    }

    .btn-cta {
      display: inline-block;
      padding: 14px 40px;
      background: linear-gradient(135deg, #16a34a, #22c55e);
      color: #000;
      border-radius: 12px;
      text-decoration: none;
      font-weight: 800;
      font-size: 16px;
      letter-spacing: 0.5px;
      box-shadow: 0 4px 20px rgba(34,197,94,0.3);
      transition: all 0.3s;
      position: relative;
      overflow: hidden;
    }

    .btn-cta::after {
      content: '';
      position: absolute;
      top: 0; left: -100%;
      width: 100%; height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
      animation: btnShine 3s ease-in-out infinite;
    }

    @keyframes btnShine {
      0% { left: -100%; }
      50% { left: 100%; }
      100% { left: 100%; }
    }

    .btn-cta:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 30px rgba(34,197,94,0.4);
    }

    .btn-sub {
      display: block;
      font-size: 11px;
      color: #6b7280;
      margin-top: 8px;
    }

    /* ── Socials ── */
    .socials-section {
      border-top: 1px solid rgba(255,255,255,0.06);
      padding: 16px 28px 20px;
      text-align: center;
    }

    .socials-label {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 2px;
      color: #4b5563;
      margin-bottom: 10px;
      font-weight: 600;
    }

    .socials {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 8px;
    }

    .socials a {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      text-decoration: none;
      color: #9ca3af;
      font-weight: 600;
      font-size: 12px;
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.06);
      padding: 7px 14px;
      border-radius: 8px;
      transition: all 0.2s;
    }

    .socials a:hover {
      color: #22c55e;
      background: rgba(34,197,94,0.08);
      border-color: rgba(34,197,94,0.2);
      transform: translateY(-1px);
    }

    /* ── Pulse dot ── */
    .live-dot {
      display: inline-block;
      width: 8px;
      height: 8px;
      background: #22c55e;
      border-radius: 50%;
      margin-right: 6px;
      animation: pulse 2s ease-in-out infinite;
    }

    @keyframes pulse {
      0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(34,197,94,0.4); }
      50% { opacity: 0.7; box-shadow: 0 0 0 6px rgba(34,197,94,0); }
    }

    /* ── Responsive ── */
    @media (max-width: 480px) {
      .popup { width: 96%; border-radius: 16px; }
      .content { padding: 18px 20px 16px; }
      .discount-badge .amount { font-size: 40px; }
      .features { grid-template-columns: 1fr; }
      h2 { font-size: 19px; }
      .trustpilot { flex-direction: column; text-align: center; }
      .socials-section { padding: 14px 20px 18px; }
      .btn-cta { padding: 12px 32px; font-size: 15px; }
    }
  </style>
</head>
<body>
  <div class="popup">

    
    <div class="discount-banner">
      <div class="discount-badge">
        <span class="label">Limited-Time Offer</span>
        <div class="amount">UP TO 30%<span>OFF</span></div>
        <span class="sub">On Any Game Top-Up &amp; Voucher</span>
      </div>
    </div>

    
    <div class="content">
      <h2>GPDS Game Shop is Now Faster &amp; Cheaper!</h2>
      <p class="tagline"><span class="live-dot"></span>Trusted by thousands of gamers since 2018</p>

      <p class="description">
        We've rebranded to serve you better. Enjoy lower prices, faster checkout, and instant delivery on all your favorite games. Top up now and save big!
      </p>

      
      <div class="features">
        <div class="feature">
          <span class="icon">&#128274;</span>
          <span>Secure Payments: GCash, Maya, QRPH, PayPal, USDT</span>
        </div>
        <div class="feature">
          <span class="icon">&#9889;</span>
          <span>Instant Delivery &amp; Fast Processing</span>
        </div>
        <div class="feature">
          <span class="icon">&#128176;</span>
          <span>Bulk &amp; Reseller Discounts Available</span>
        </div>
        <div class="feature">
          <span class="icon">&#128172;</span>
          <span>Daily Support: 9AM – 8PM</span>
        </div>
      </div>

      
      <div class="games-section">
        <div class="games-label">Popular Games</div>
        <div class="games-list">
          <span class="game-tag">Mobile Legends</span>
          <span class="game-tag">Honor of Kings</span>
          <span class="game-tag">Genshin Impact</span>
          <span class="game-tag">Ragnarok M Classic</span>
          <span class="game-tag">PUBG Mobile</span>
          <span class="game-tag">Valorant</span>
          <span class="game-tag">Call of Duty Mobile</span>
          <span class="game-tag">& More</span>
        </div>
      </div>

      
      <div class="trustpilot">
        <div class="trustpilot-info">
          <div>
            <div class="stars">&#9733;&#9733;&#9733;&#9733;&#9733;</div>
            <div class="trust-text">Rated 4.8 / 5</div>
            <div class="trust-sub">on Trustpilot</div>
          </div>
        </div>
        <a class="trust-link" href="https://www.trustpilot.com/review/gpdsonlineshop.com" target="_blank">See Reviews &rarr;</a>
      </div>

      
      <div class="cta-wrapper">
        <a class="btn-cta" href="https://gpdsgameshop.com">Shop Now &amp; Save 30%</a>
        <span class="btn-sub">No code needed &mdash; discounts applied automatically</span>
      </div>
    </div>

    
    <div class="socials-section">
      <div class="socials-label">Connect With Us</div>
      <div class="socials">
        <a href="https://www.facebook.com/GPDSgameShopPH" target="_blank">&#127760; Facebook</a>
        <a href="https://instagram.com/gpdsgameshop" target="_blank">&#128247; Instagram</a>
        <a href="https://tiktok.com/@bhadzkidr" target="_blank">&#127916; TikTok</a>
        <a href="https://youtube.com/@gpdsgameshop" target="_blank">&#9654; YouTube</a>
        <a href="https://threads.net/@yourhandle" target="_blank">&#128172; Threads</a>
        <a href="https://discord.gg/BHXXhuEy" target="_blank">&#127918; Discord</a>
        <a href="https://wa.me/message/47HMCEOWFXMQF1" target="_blank">&#128222; WhatsApp</a>
      </div>
    </div>

  </div>
</body>
</html>

GPDS Game Shop is Now Faster & Cheaper!

Discounted Game Top Up Philippines