

<!DOCTYPE html>
<html lang="id">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <link rel="icon" href="https://i.gyazo.com/586f9e1fb1a30204ae820451dbdbb97d.png" type="image/x-icon">
  <link rel="shortcut icon" href="https://i.gyazo.com/586f9e1fb1a30204ae820451dbdbb97d.png" type="image/x-icon">
    
  <title>PAUS4D | Arena Gameverse Neon Modern Atmosfer Cyber Futuristik</title>
  <meta name="description" content="PAUS4D menghadirkan arena gameverse neon modern dengan atmosfer cyber futuristik, sistem responsif, dan pengalaman digital yang imersif serta nyaman.">
  <meta name="keywords" content="paus4d, paus4d login, link paus4d, paus4d resmi, gameverse digital premium, paus4d alternatif">
  <meta name="robots" content="index, follow">
    
  <link rel="canonical" href="https://paus4d.com/">
  <link rel="amphtml" href="https://paus4d.quest/" />
  <link rel="alternate" hreflang="id-id" href="https://paus4d.quest/"/>
  <link rel="alternate" href="https://paus4d.com/"/>
  <link rel="alternate" href="https://paus4d.quest/" hreflang="id"/>
  <link rel="alternate" href="https://paus4d.quest/" hreflang="en"/>
  <link rel="alternate" href="https://paus4d.com/" hreflang="x-default"/>
    
  <meta property="og:title" content="PAUS4D | Arena Gameverse Neon Modern Atmosfer Cyber Futuristik">
  <meta property="og:description" content="PAUS4D menghadirkan arena gameverse neon modern dengan atmosfer cyber futuristik, sistem responsif, dan pengalaman digital yang imersif serta nyaman.">
  <meta property="og:image" content="https://paus4d.com/paus4d.webp">
  <meta property="og:url" content="https://paus4d.com/">

  <script src="https://cdn.tailwindcss.com"></script>

  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">

  <style>
    body{
      font-family:'Poppins',sans-serif;
      background:#070b14;
    }
  </style>
</head>
<body class="text-white overflow-x-hidden">

<header class="fixed top-0 left-0 w-full z-50 bg-black/70 backdrop-blur-lg border-b border-white/10">

  <div class="max-w-7xl mx-auto px-6 h-[85px] flex items-center justify-between">

    <a href="/" class="text-4xl font-extrabold tracking-widest text-[#ffc200]">
      PAUS4D
    </a>

    <nav class="hidden md:flex items-center gap-10 text-[15px] font-medium">
      <a href="/" class="hover:text-[#f0b800] duration-300">Home</a>
      <a href="/games/" class="hover:text-[#f0b800] duration-300">Games</a>
      <a href="/promo/" class="hover:text-[#f0b800] duration-300">Promo</a>
      <a href="/about-us/" class="hover:text-[#f0b800] duration-300">About Us</a>
      <a href="/contact/" class="hover:text-[#f0b800] duration-300">Contact</a>
    </nav>

    <div class="hidden md:flex items-center gap-4">

      <a href="#"
      class="border border-[#ffc200] text-[#ffc200] px-6 py-3 rounded-full font-semibold hover:bg-[#ffc200] hover:text-black duration-300">
        REGISTER
      </a>

      <a href="#"
      class="bg-gradient-to-r from-[#ffc200] to-[#ff9d00] text-black px-7 py-3 rounded-full font-bold hover:scale-105 duration-300">
        LOGIN
      </a>

    </div>

  </div>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "PAUS4D",
  "url": "https://paus4d.com/",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://paus4d.com/games/?q={search_term_string}",
    "query-input": "required name=search_term_string"
  }
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "PAUS4D",
  "url": "https://paus4d.com/",
  "logo": "https://paus4d.com/paus4d.webp",
  "sameAs": [
    "https://paus4d.com/"
  ],
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.9",
    "reviewCount": "2000"
  }
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebPage",
  "name": "PAUS4D - Game & Event Platform",
  "url": "https://paus4d.com/",
  "description": "Platform game modern dengan event seru dan promo terbesar setiap hari di PAUS4D."
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://paus4d.com/"
    }
  ]
}
</script>
</header>


<section class="relative min-h-screen flex items-center justify-center text-center overflow-hidden">

  <img src="https://images.unsplash.com/photo-1639506060054-30cc4f9c48e8?q=80&w=1074&auto=format&fit=crop"
  class="absolute inset-0 w-full h-full object-cover">

  <div class="absolute inset-0 bg-black/80"></div>

  <div class="relative z-10 max-w-6xl px-6 flex flex-col md:flex-row items-center justify-between gap-10">

    <div class="text-center md:text-left max-w-2xl">

      <span class="inline-block mb-5 px-5 py-2 rounded-full border border-[#ffc200]/40 bg-[#ffc200]/10 text-[#ffc200] text-sm tracking-widest uppercase">
        Arena Interactive Gameverse
      </span>

      <h1 class="text-5xl md:text-7xl font-extrabold leading-tight mb-6">
        WELCOME TO <span class="text-[#ffc200]">PAUS4D</span>
      </h1>

      <p class="text-gray-300 text-lg leading-8 mb-10">
        Arena virtual modern ini menghadirkan konsep gameverse digital premium dengan nuansa neon futuristik yang elegan, didukung tampilan visual yang rapi, sistem interaktif yang responsif, serta performa yang cepat dan stabil di berbagai perangkat mobile maupun desktop, sehingga menciptakan pengalaman hiburan digital yang lebih imersif, nyaman, dan konsisten.
      </p>

      <div class="flex flex-col sm:flex-row items-center justify-center md:justify-start gap-5">

        <a href="/games/"
        class="bg-[#ffc200] text-black font-bold px-10 py-4 rounded-full hover:scale-105 duration-300 shadow-2xl shadow-yellow-500/20">
          PLAY NOW
        </a>

        <a href="/promo/"
        class="border border-white/20 px-10 py-4 rounded-full hover:border-[#ffc200] hover:text-[#ffc200] duration-300">
          VIEW PROMO
        </a>

      </div>

    </div>

    <div class="w-full md:w-1/2 flex justify-center">
      <img 
        src="https://paus4d.com/paus4d.webp"
        class="w-[500px] md:w-[500px] lg:w-[500px] object-contain drop-shadow-2xl"
        alt="Gaming Illustration">
    </div>

  </div>

</section>

<section class="py-28 bg-[#08111d]">

  <div class="max-w-7xl mx-auto px-6">

    <div class="text-center mb-16">
      <h2 class="text-4xl md:text-5xl font-extrabold mb-5">
        POPULAR GAMES
      </h2>

      <p class="text-gray-400 max-w-2xl mx-auto leading-8">
        Gameverse digital premium dengan neon futuristik interaktif modern arena virtual elegan.
      </p>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">

      <div class="bg-[#101827] rounded-3xl overflow-hidden border border-white/5 hover:-translate-y-3 hover:shadow-2xl hover:shadow-cyan-500/10 duration-500">

        <img src="https://images.unsplash.com/photo-1653757416630-bd262a193996?q=80&w=580&auto=format&fit=crop"
        class="w-full h-[320px] object-cover">

        <div class="p-7">

          <h3 class="text-2xl font-bold mb-4 text-[#f0b800]">
            Neon Arena
          </h3>

          <p class="text-gray-400 leading-8">
            Arena gameverse neon futuristik interaktif.
          </p>

        </div>

      </div>

      <div class="bg-[#101827] rounded-3xl overflow-hidden border border-white/5 hover:-translate-y-3 hover:shadow-2xl hover:shadow-cyan-500/10 duration-500">

        <img src="https://images.unsplash.com/photo-1574466737214-a4f3b44a1517?q=80&w=580&auto=format&fit=crop"
        class="w-full h-[320px] object-cover">

        <div class="p-7">

          <h3 class="text-2xl font-bold mb-4 text-[#f0b800]">
            Battle Zone
          </h3>

          <p class="text-gray-400 leading-8">
            Zona battle digital modern responsif.
          </p>

        </div>

      </div>

      <div class="bg-[#101827] rounded-3xl overflow-hidden border border-white/5 hover:-translate-y-3 hover:shadow-2xl hover:shadow-cyan-500/10 duration-500">

        <img src="https://images.unsplash.com/photo-1759701546895-c7a425867ba1?q=80&w=580&auto=format&fit=crop"
        class="w-full h-[320px] object-cover">

        <div class="p-7">

          <h3 class="text-2xl font-bold mb-4 text-[#f0b800]">
            Cyber Racing
          </h3>

          <p class="text-gray-400 leading-8">
            Arena balap gameverse futuristik interaktif.
          </p>

        </div>

      </div>

    </div>

  </div>

</section>

<section class="py-28 bg-[#070b14]">

  <div class="max-w-7xl mx-auto px-6">

    <div class="grid grid-cols-1 md:grid-cols-3 gap-8">

      <div class="bg-[#101827] rounded-3xl p-10 border border-white/5">
        <div class="text-5xl mb-6">⏩</div>
        <h3 class="text-2xl font-bold mb-5 text-[#f0b800]">Ultra Fast Access</h3>
        <p class="text-gray-400 leading-8">
          Arena gameverse digital premium dengan performa neon futuristik super interaktif di semua perangkat.
        </p>
      </div>

      <div class="bg-[#101827] rounded-3xl p-10 border border-white/5">
        <div class="text-5xl mb-6">🆕</div>
        <h3 class="text-2xl font-bold mb-5 text-[#f0b800]">Modern Interface</h3>
        <p class="text-gray-400 leading-8">
          Tampilan virtual modern dengan konsep neon premium, menghadirkan visual elegan dan pengalaman responsif.
        </p>
      </div>

      <div class="bg-[#101827] rounded-3xl p-10 border border-white/5">
        <div class="text-5xl mb-6">🔗</div>
        <h3 class="text-2xl font-bold mb-5 text-[#f0b800]">Secure Platform</h3>
        <p class="text-gray-400 leading-8">
          Platform gameverse futuristik dengan sistem digital interaktif untuk pengalaman modern yang stabil dan nyaman.
        </p>
      </div>

    </div>

  </div>

</section>

<style>
.cyber-reviews {
  margin: 28px auto 48px;
  background: radial-gradient(circle at top right, #1A1A1A, #0D0D0D 70%);
  border-radius: 20px;
  border: 1px solid rgba(240, 184, 0, 0.4);
  box-shadow: 0 0 32px rgba(240, 184, 0, 0.2), inset 0 0 24px rgba(240, 184, 0, 0.06);
  padding: 28px;
  position: relative;
  overflow: hidden;
  color: #F5E7D3;
  font-family: 'Orbitron', sans-serif;
}

.cyber-reviews::before {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(to bottom, rgba(240, 184, 0, 0.03), rgba(240, 184, 0, 0.03) 1px, transparent 1px, transparent 6px);
  pointer-events: none;
  opacity: 0.45;
}

.cyber-reviews-head, .cyber-review-grid, .cyber-reviews-footer { position: relative; z-index: 1; }
.cyber-reviews-head { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; margin-bottom: 22px; }
.cyber-reviews-kicker { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; background: rgba(240, 184, 0, 0.08); border: 1px solid rgba(240, 184, 0, 0.25); color: #f0b800; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; }
.cyber-reviews-title { margin: 0; font-size: 30px; line-height: 1.15; color: #F5E7D3; text-shadow: 0 0 12px rgba(32, 175, 218, 0.22); }
.cyber-reviews-subtitle { margin: 10px 0 0; max-width: 620px; color: #f0b800; font-size: 13px; line-height: 1.7; letter-spacing: 0.2px; }
.cyber-scoreboard { min-width: 220px; padding: 18px; border-radius: 16px; background: linear-gradient(145deg, rgba(240, 184, 0, 0.1), rgba(240, 184, 0, 0.03)); border: 1px solid rgba(240, 184, 0, 0.28); box-shadow: inset 0 0 16px rgba(240, 184, 0, 0.05); }
.cyber-score-main { display: flex; align-items: baseline; gap: 8px; margin-bottom: 10px; }
.cyber-score-value { font-size: 42px; font-weight: 900; line-height: 1; color: #f0b800; text-shadow: 0 0 14px rgba(240, 184, 0, 0.35); }
.cyber-score-outof { font-size: 13px; color: #C9B896; opacity: 0.9; }
.cyber-score-stars { letter-spacing: 3px; color: #f0b800; font-size: 16px; margin-bottom: 8px; }
.cyber-score-meta { font-size: 12px; color: #f0b800; line-height: 1.6; }
.cyber-review-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.cyber-review-card { background: linear-gradient(180deg, rgba(240, 184, 0, 0.15), rgba(240, 184, 0, 0.05)); border: 1px solid rgba(240, 184, 0, 0.25); border-radius: 18px; padding: 18px; box-shadow: 0 0 18px rgba(240, 184, 0, 0.08); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.cyber-review-card:hover { transform: translateY(-4px); border-color: #f0b800; box-shadow: 0 0 26px rgba(240, 184, 0, 0.2); }
.cyber-review-title, .cyber-review-text { color: #F5E7D3 !important; }
.cyber-review-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; }
.cyber-review-user { display: flex; align-items: center; gap: 12px; min-width: 0; }
.cyber-avatar { width: 48px; height: 48px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(145deg, #f0b800, #b38600); color: #1A1A1A; font-weight: 900; font-size: 18px; box-shadow: 0 0 14px rgba(240, 184, 0, 0.25); flex-shrink: 0; }
.cyber-user-name { margin: 0; font-size: 14px; color: #f0b800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cyber-user-badge { margin-top: 4px; display: inline-flex; align-items: center; gap: 6px; font-size: 10px; color: #f0b800; text-transform: uppercase; letter-spacing: 1px; }
.cyber-review-rating { font-size: 13px; color: #f0b800; white-space: nowrap; }
.cyber-review-title { margin: 0 0 10px; font-size: 15px; line-height: 1.45; }
.cyber-review-text { margin: 0; font-size: 12px; line-height: 1.8; color: #C9B896; }
.cyber-review-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.cyber-review-tags span { display: inline-flex; align-items: center; padding: 6px 10px; border-radius: 999px; font-size: 10px; color: #f0b800; border: 1px solid rgba(240, 184, 0, 0.18); background: rgba(240, 184, 0, 0.06); }
.cyber-reviews-footer { margin-top: 20px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 18px; border-radius: 14px; background: rgba(0,0,0,0.26); border: 1px solid rgba(240, 184, 0, 0.16); }
.cyber-review-pill-group { display: flex; flex-wrap: wrap; gap: 10px; }
.cyber-review-pill { padding: 7px 12px; border-radius: 999px; font-size: 11px; color: #f0b800; border: 1px solid rgba(240, 184, 0, 0.16); background: rgba(240, 184, 0, 0.05); }
.cyber-reviews-cta { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 12px; background: linear-gradient(145deg, #f0b800, #b38600); color: #1A1A1A; font-size: 12px; font-weight: 900; text-decoration: none; box-shadow: 0 0 18px rgba(240, 184, 0, 0.25); }
.cyber-reviews-cta:hover { filter: brightness(1.04); }
@media (max-width: 900px) { .cyber-reviews-head { flex-direction: column; } .cyber-scoreboard { width: 100%; min-width: 0; } .cyber-review-grid { grid-template-columns: 1fr; } .cyber-reviews-footer { flex-direction: column; align-items: stretch; } .cyber-reviews-cta { justify-content: center; } }
@media (max-width: 640px) { .cyber-reviews { margin: 22px 16px 40px; padding: 20px; border-radius: 18px; } .cyber-reviews-title { font-size: 24px; } .cyber-score-value { font-size: 34px; } .cyber-review-card { padding: 16px; } }
</style>

<section id="reviews" class="py-12 px-6 max-w-7xl mx-auto">
    <div class="cyber-reviews">

        <div class="cyber-reviews-head">
            <div>
                <div class="cyber-reviews-kicker">Verified Players</div>
                <h2 class="cyber-reviews-title">TESTIMONI PEMAIN</h2>
                <p class="cyber-reviews-subtitle">
                    Testimoni pemain yang telah merasakan game, event seru, dan promo terbesar di PAUS4D. 
                    Kami menghadirkan arena gameverse digital premium dengan atmosfer neon futuristik yang interaktif, cepat, aman, dan penuh keuntungan setiap hari.
                </p>
            </div>

            <div class="cyber-scoreboard">
                <div class="cyber-score-main">
                    <span class="cyber-score-value">4.9</span>
                    <span class="cyber-score-outof">/ 5.0</span>
                </div>
                <div class="cyber-score-stars">★★★★★</div>
                <div class="cyber-score-meta">
                    Berdasarkan 5.306+ ulasan pemain aktif dan event bonus PAUS4D 2026.
                </div>
            </div>
        </div>

        <div class="cyber-review-grid">

            <div class="cyber-review-card">
                <div class="cyber-review-top">
                    <div class="cyber-review-user">
                        <div class="cyber-avatar">RP</div>
                        <div>
                            <p class="cyber-user-name">Raka Pratama</p>
                            <span class="cyber-user-badge">✓ Verified Player</span>
                        </div>
                    </div>
                    <div class="cyber-review-rating">5.0</div>
                </div>
                <h4 class="cyber-review-title">Gameverse Futuristik Seru</h4>
                <p class="cyber-review-text">
                    PAUS4D menghadirkan pengalaman gameverse digital premium dengan atmosfer neon futuristik yang interaktif dan responsif di semua perangkat.
                </p>
                <div class="cyber-review-tags">
                    <span>#GameverseFuturistik</span>
                    <span>#Interaktif</span>
                </div>
            </div>

            <div class="cyber-review-card">
                <div class="cyber-review-top">
                    <div class="cyber-review-user">
                        <div class="cyber-avatar">DA</div>
                        <div>
                            <p class="cyber-user-name">Dimas Arya</p>
                            <span class="cyber-user-badge">✓ Member</span>
                        </div>
                    </div>
                    <div class="cyber-review-rating">4.9</div>
                </div>
                <h4 class="cyber-review-title">Promo Digital Menguntungkan</h4>
                <p class="cyber-review-text">
                    Platform PAUS4D menawarkan konsep super neon premium dengan tampilan elegan serta bonus dan fitur interaktif yang menarik.
                </p>
                <div class="cyber-review-tags">
                    <span>#PromoDigital</span>
                    <span>#NeonPremium</span>
                </div>
            </div>

            <div class="cyber-review-card">
                <div class="cyber-review-top">
                    <div class="cyber-review-user">
                        <div class="cyber-avatar">Y</div>
                        <div>
                            <p class="cyber-user-name">Bayu Saputra</p>
                            <span class="cyber-user-badge">✓ VIP Player</span>
                        </div>
                    </div>
                    <div class="cyber-review-rating">5.0</div>
                </div>
                <h4 class="cyber-review-title">Game Stabil & Interaktif</h4>
                <p class="cyber-review-text">
                    PAUS4D memberikan pengalaman virtual modern dengan sistem responsif, visual futuristik, dan gameplay yang lancar di mobile maupun desktop.
                </p>
                <div class="cyber-review-tags">
                    <span>#GameStabil</span>
                    <span>#VirtualModern</span>
                </div>
            </div>

        </div>

        <div class="cyber-reviews-footer">
            <div class="cyber-review-pill-group">
                <span class="cyber-review-pill">Event Setiap Hari</span>
                <span class="cyber-review-pill">Bonus Melimpah</span>
                <span class="cyber-review-pill">Permainan Terlengkap</span>
            </div>

            <a href="/games/" class="cyber-reviews-cta">
                MULAI MAIN SEKARANG
                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3">
                    <path d="M5 12h14M12 5l7 7-7 7"/>
                </svg>
            </a>
        </div>

    </div>
</section>


<section class="py-16 px-6 max-w-7xl mx-auto">
  <article class="bg-[#101827] rounded-3xl p-8 md:p-12 border border-white/5 shadow-xl">
    <h2 class="text-3xl md:text-4xl font-extrabold text-[#f0b800] mb-6 tracking-wide border-b border-[#f0b800]/20 pb-4">
      Panduan Gameverse Bersama Paus4d Arena Interactive Game Premium
    </h2>
    
    <div class="text-gray-300 text-base md:text-lg leading-8 space-y-6 text-justify">
      <p>
        Memasuki era hiburan digital modern, perkembangan platform interaktif kini menghadirkan konsep gameverse digital premium dengan sentuhan visual neon futuristik yang semakin elegan dan dinamis. PAUS4D hadir sebagai arena virtual modern yang mengusung atmosfer super neon premium, menghadirkan pengalaman digital yang lebih interaktif dan responsif di berbagai perangkat. Dengan dukungan sistem yang dirancang secara optimal, pengguna dapat menikmati akses yang cepat, stabil, serta nyaman tanpa gangguan teknis dalam setiap aktivitas.
      </p>

      <p>
        Sebagai platform dengan konsep gameverse digital premium, <a href="https://paus4d.com" title="Paus4d Platform Gaming Modern" class="text-[#f0b800] font-bold hover:text-[#d99a00] duration-300 underline decoration-dashed decoration-[#f0b800] underline-offset-4" target="_blank" rel="noopener">PAUS4D</a> mengedepankan kualitas infrastruktur digital yang dirancang untuk menjaga performa tetap maksimal dalam berbagai kondisi jaringan. Dukungan server modern dan optimasi sistem responsif memungkinkan setiap proses akses berjalan lebih lancar, efisien, dan stabil di desktop maupun perangkat mobile. Tampilan antarmuka bernuansa super neon juga memberikan pengalaman visual yang lebih hidup sehingga menciptakan suasana digital yang modern dan futuristik bagi para penggunamenekankan kualitas infrastruktur teknologi yang mampu menjaga performa tetap stabil dalam berbagai kondisi jaringan. Dukungan sistem modern serta optimasi responsif memungkinkan setiap proses berjalan lebih lancar, baik di perangkat mobile maupun desktop. Tampilan antarmuka bergaya neon futuristik juga memberikan nuansa visual yang lebih hidup, menciptakan pengalaman digital yang imersif, modern, dan konsisten bagi setiap pengguna.
		      </p>
    </div>
  </article>
</section>


<section class="relative py-32 text-center overflow-hidden">

  <img src="https://images.unsplash.com/photo-1538511938606-3cfdf7be163b?q=80&w=1170&auto=format&fit=crop"
  class="absolute inset-0 w-full h-full object-cover">

  <div class="absolute inset-0 bg-black/80"></div>

  <div class="relative z-10 max-w-4xl mx-auto px-6">

    <h2 class="text-4xl md:text-6xl font-extrabold mb-8 leading-tight">
      LEVEL UP YOUR GAMING EXPERIENCE
    </h2>

    <p class="text-gray-300 text-lg leading-8 mb-10 max-w-3xl mx-auto">
      Bergabung bersama PAUS4D dan nikmati pengalaman gameverse remium dengan visual Interactive dan performa super cepat.
    </p>

    <a href="#"
    class="bg-gradient-to-r from-[#ffc200] to-[#ff9d00] text-black font-bold px-12 py-5 rounded-full hover:scale-105 duration-300 inline-block">
      JOIN NOW
    </a>

  </div>

</section>

     <style>
    .bobarawr {
      margin: 0;
      padding: 0;
      font-family: 'Playfair Display', 'Segoe UI', serif;
      background-color: transparent;
      color: #fff;
      overflow: hidden;
    }

    .popup-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background: rgba(0, 0, 0, 0.4);
      backdrop-filter: blur(3px);
      -webkit-backdrop-filter: blur(3px);
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }

    .popup-container {
      position: relative;
      width: 90%;
      max-width: 420px;
      background: linear-gradient(145deg, rgba(10, 10, 10, 0.9), rgba(26, 21, 16, 0.85));
      border-radius: 20px;
      overflow: hidden;
      text-align: center;
      animation: rotateScaleIn 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), goldPulse 3.5s infinite ease-in-out;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(240, 184, 0, 0.2);
      padding-bottom: 20px;
      border: 1px solid rgba(240, 184, 0, 0.15);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
    }

    /* 💛 Emas berdenyut yang mewah */
    @keyframes goldPulse {
      0%, 100% {
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 20px rgba(240, 184, 0, 0.3), 0 0 0 1px rgba(240, 184, 0, 0.2);
      }
      50% {
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 30px rgba(240, 184, 0, 0.5), 0 0 0 1px rgba(240, 184, 0, 0.3);
      }
    }

    /* ✨ Shiny diagonal emas yang elegan */
    .popup-container::before {
      content: "";
      position: absolute;
      top: -100%;
      left: -100%;
      width: 200%;
      height: 200%;
      background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0) 45%,
        rgba(240, 184, 0, 0.15) 50%,
        rgba(255, 255, 255, 0) 55%
      );
      animation: shineDiagonal 5s linear infinite;
      z-index: 2;
      pointer-events: none;
    }

    @keyframes shineDiagonal {
      0% {
        transform: translate(-100%, -100%) rotate(30deg);
      }
      100% {
        transform: translate(100%, 100%) rotate(30deg);
      }
    }

    .popup-image {
      width: 100%;
      display: block;
      border-bottom: 1px solid rgba(55, 136, 212, 0.15);
    }

    .popup-buttons {
      display: flex;
      flex-direction: column;
      gap: 15px;
      padding: 25px 20px;
      position: relative;
      z-index: 3;
    }

    .popup-buttons a {
      width: 100%;
      display: block;
      padding: 18px 0;
      font-size: 16px;
      font-weight: 700;
      border-radius: 50px;
      text-decoration: none;
      text-align: center;
      color: #000;
      background: linear-gradient(135deg, #f0b800, #b38600);
      box-shadow: 0 10px 20px rgba(240, 184, 0, 0.35);
      transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      position: relative;
      overflow: hidden;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      font-family: 'Montserrat', sans-serif;
    }

    /* Efek hover tombol emas yang mewah */
    .popup-buttons a::before {
      content: "";
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.3),
        transparent
      );
      transition: left 0.8s;
    }

    .popup-buttons a:hover::before {
      left: 100%;
    }

    .popup-buttons a:hover {
      transform: translateY(-4px);
      box-shadow: 0 15px 25px rgba(240, 184, 0, 0.35);
      background: linear-gradient(135deg, #f0b800, #b38600);
    }

    .popup-buttons a:active {
      transform: translateY(1px);
    }

    .info-table {
      width: 90%;
      margin: 20px auto;
      border-collapse: collapse;
      color: #eee;
      font-size: 14px;
      position: relative;
      z-index: 3;
      background: rgba(0, 0, 0, 0.3);
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    }

    .info-table th {
      background: linear-gradient(135deg, #37d4cd, #37c5d4);
      padding: 14px 10px;
      font-size: 15px;
      color: #000;
      border: none;
      font-weight: 700;
      letter-spacing: 0.8px;
      text-transform: uppercase;
    }

    .info-table td {
      padding: 12px;
      border-bottom: 1px solid rgba(55, 136, 212, 0.1);
      text-align: left;
    }

    .info-table tr:last-child td {
      border-bottom: none;
    }

    .popup-footer {
      font-size: 13px;
      color: #ccc;
      padding: 20px 10px;
      position: relative;
      z-index: 3;
      line-height: 1.6;
      font-family: 'Playfair Display', serif;
    }

    @keyframes rotateScaleIn {
      0% {
        opacity: 0;
        transform: scale(0.3) rotate(-10deg);
      }
      50% {
        transform: scale(1.05) rotate(2deg);
      }
      100% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
      }
    }

    /* Efek partikel emas */
    .gold-particle {
      position: absolute;
      background: radial-gradient(circle, rgba(0, 217, 255, 0.8) 0%, rgba(55, 136, 212, 0.4) 100%);
      border-radius: 50%;
      pointer-events: none;
      z-index: 1;
      animation: floatGold 10s infinite ease-in-out;
      box-shadow: 0 0 10px rgba(0, 217, 255, 0.6);
    }

    @keyframes floatGold {
      0%, 100% {
        transform: translateY(0) translateX(0);
        opacity: 0;
      }
      10% {
        opacity: 0.8;
      }
      90% {
        opacity: 0.8;
      }
      100% {
        transform: translateY(-120px) translateX(40px);
        opacity: 0;
      }
    }

    /* Efek border emas mewah */
    .luxury-border {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border: 1px solid rgba(240, 184, 0, 0.2);
      border-radius: 20px;
      pointer-events: none;
      z-index: 4;
      background: linear-gradient(135deg, 
        rgba(240, 184, 0, 0) 0%, 
        rgba(240, 184, 0, 0.1) 50%,
        rgba(240, 184, 0, 0) 100%);
    }

    /* Tombol Close */
    .close-btn {
      position: absolute;
      top: 15px;
      right: 15px;
      width: 32px;
      height: 32px;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      z-index: 10;
      transition: all 0.3s ease;
      border: 1px solid rgba(240, 184, 0, 0.6);
    }

    .close-btn:hover {
      background: #f0b800;
      transform: rotate(90deg);
    }

    .close-btn::before,
    .close-btn::after {
      content: '';
      position: absolute;
      width: 16px;
      height: 2px;
      background: #fff;
    }

    .close-btn::before {
      transform: rotate(45deg);
    }

    .close-btn::after {
      transform: rotate(-45deg);
    }

    /* Responsif untuk layar kecil */
    @media (max-width: 480px) {
      .popup-container {
        width: 95%;
        max-width: 350px;
      }
      
      .popup-buttons a {
        font-size: 14px;
        padding: 16px 0;
      }
      
      .info-table {
        font-size: 13px;
      }
      
      .popup-footer {
        font-size: 12px;
      }
      
      .close-btn {
        width: 28px;
        height: 28px;
      }
    }
  </style>
<div class="popup-overlay" id="popupOverlay">
    <div class="popup-container">
        <div class="close-btn" onclick="closePopup()"></div>
        
        <div class="gold-particle" style="width: 10px; height: 10px; top: 15%; left: 12%; animation-delay: 0s;"></div>
        <div class="gold-particle" style="width: 8px; height: 8px; top: 35%; left: 88%; animation-delay: 1.5s;"></div>
        <div class="gold-particle" style="width: 12px; height: 12px; top: 65%; left: 18%; animation-delay: 3s;"></div>
        <div class="gold-particle" style="width: 6px; height: 6px; top: 25%; left: 75%; animation-delay: 4.5s;"></div>
        <div class="gold-particle" style="width: 9px; height: 9px; top: 80%; left: 60%; animation-delay: 6s;"></div>
        
        <div class="luxury-border"></div>
        
        <div class="bobarawr">
            <img src="https://paus4d.com/paus4d.webp" alt="Popup Banner" class="popup-image" />

            <div class="popup-buttons">
                <a href="https://paus4d.quest/">HOME</a>

            </div>

            <div class="popup-footer">
                EVENT TERBARU PAUS4D <br/>
                <span style="color: #f0b800; font-weight: 600; text-shadow: 0 0 5px rgba(240, 184, 0, 0.5);">&copy;2026 paus4d.com</span>
            </div>
        </div>
    </div>
</div>

<script>
    function closePopup() {
        const popupOverlay = document.getElementById('popupOverlay');
        popupOverlay.style.opacity = '0';
        popupOverlay.style.transition = 'opacity 0.3s ease';
        
        setTimeout(() => {
            popupOverlay.style.display = 'none';
        }, 300);
    }
    
    // Menutup popup ketika mengklik area di luar popup
    document.getElementById('popupOverlay').addEventListener('click', function(event) {
        if (event.target === this) {
            closePopup();
        }
    });
</script>

<footer class="border-t border-white/10 py-10 bg-black text-center text-gray-500">
  © 2026 PAUS4D.COM - All Rights Reserved.
</footer>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"5260e72d3abb49669c9387167caa9792","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>