
<!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="image/favicon.webp" type="image/x-icon">
  <link rel="shortcut icon" href="image/favicon.webp" type="image/x-icon">
    
  <title>SURGA33 : Platform Game Multiplayer Seru Dengan Kerja Sama Tim dan Tantangan Menarik</title>
  <meta name="description" content="SURGA33 menawarkan pengalaman multiplayer yang seru dengan kerja sama tim, tantangan menarik, dan sistem gaming modern.">
  <meta name="keywords" content="surga33, surga33 login, link surga33, surga33 resmi, gaming platform modern, surga33 terpercaya 2026">
  <meta name="robots" content="index, follow">
    
  <link rel="canonical" href="https://www.surga33-real.com/">
  <link rel="amphtml" href="https://com.surga33real-com.xyz/" />
  <link rel="alternate" hreflang="id-id" href="https://com.surga33real-com.xyz/"/>
  <link rel="alternate" href="https://www.surga33-real.com/"/>
  <link rel="alternate" href="https://com.surga33real-com.xyz/" hreflang="id"/>
  <link rel="alternate" href="https://com.surga33real-com.xyz/" hreflang="en"/>
  <link rel="alternate" href="https://www.surga33-real.com/" hreflang="x-default"/>
    
  <meta property="og:title" content="SURGA33 : Platform Game Multiplayer Seru Dengan Kerja Sama Tim dan Tantangan Menarik">
  <meta property="og:description" content="SURGA33 menawarkan pengalaman multiplayer yang seru dengan kerja sama tim, tantangan menarik, dan sistem gaming modern.">
  <meta property="og:image" content="image/banner.webp">
  <meta property="og:url" content="https://www.surga33-real.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:#c29f03;
    }
  </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="https://www.surga33-real.com"><img src="image/logo.webp" width="180" height="80">
     
    </a>

    <nav class="hidden md:flex items-center gap-10 text-[15px] font-medium">
      <a href="https://www.surga33-real.com" class="hover:text-green-400 duration-300">Home</a>
      <a href="https://www.surga33-real.com" class="hover:text-green-400 duration-300">Games</a>
      <a href="https://www.surga33-real.com" class="hover:text-green-400 duration-300">Promo</a>
      <a href="https://www.surga33-real.com" class="hover:text-green-400 duration-300">About Us</a>
      <a href="https://www.surga33-real.com" class="hover:text-green-400 duration-300">Contact</a>
    </nav>

    <div class="hidden md:flex items-center gap-4">

      <a href="https://cumasurga.com/surga33/register"
      class="border border-green-400 text-green-400 px-6 py-3 rounded-full font-semibold hover:bg-green-400 hover:text-black duration-300">
        REGISTER
      </a>

      <a href="https://cumasurga.com/surga33"
      class="bg-gradient-to-r from-green-400 to-green-500 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": "SURGA33",
  "url": "https://www.surga33-real.com/",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://www.surga33-real.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": "SURGA33",
  "url": "https://www.surga33-real.com/",
  "logo": "image/logo.webp",
  "sameAs": [
    "https://www.surga33-real.com/"
  ],
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.9",
    "reviewCount": "2000"
  }
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebPage",
  "name": "SURGA33 - Game & Event Platform",
  "url": "https://www.surga33-real.com/",
  "description": "Platform game modern dengan event seru dan promo terbesar setiap hari di SURGA33."
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://www.surga33-real.com/"
    }
  ]
}
</script>
</header>


<section class="relative min-h-screen flex items-center justify-center text-center overflow-hidden">

  <img src="image/bg-coin-3.webp"
  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-green-400/40 bg-green-400/10 text-green-300 text-sm tracking-widest uppercase">
        Modern Gaming Platform
      </span>

      <h1 class="text-5xl md:text-7xl font-extrabold leading-tight mb-6">
        WELCOME TO <span class="text-green-400">SURGA33</span>
      </h1>

      <p class="text-gray-300 text-lg leading-8 mb-10">
        Platform gaming modern dengan desain futuristik, performa cepat, dan pengalaman hiburan digital premium untuk generasi gaming modern.
      </p>

      <div class="flex flex-col sm:flex-row items-center justify-center md:justify-start gap-5">

        <a href="https://cumasurga.com/surga33"
        class="bg-gradient-to-r from-green-400 to-green-500 text-black font-bold px-10 py-4 rounded-full hover:scale-105 duration-300 shadow-2xl shadow-green-500/20">
          PLAY NOW
        </a>

        <a href="https://cumasurga.com/surga33/promotion"
        class="border border-white/20 px-10 py-4 rounded-full hover:border-green-400 hover:text-green-400 duration-300">
          VIEW PROMO
        </a>

      </div>

    </div>

    <div class="w-full md:w-1/2 flex justify-center">
      <img 
        src="image/banner.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 2026
      </h2>

      <p class="text-gray-400 max-w-2xl mx-auto leading-8">
        Koleksi game modern dengan visual premium dan gameplay futuristik.
      </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-green-500/10 duration-500">

        <img src="image/pragmaticplay.webp"
        class="w-full h-[320px] object-cover">

        <div class="p-7">

          <h3 class="text-2xl font-bold mb-4">
            GAME VIRAL  TERBAIK
          </h3>

          <p class="text-gray-400 leading-8">
            Arena pertarungan online dengan tampilan  modern dan efek visual premium.
          </p>

        </div>

      </div>

      <div class="bg-[#101827] rounded-3xl overflow-hidden border border-white/5 hover:-translate-y-3 hover:shadow-2xl hover:shadow-green-500/10 duration-500">

        <img src="image/reelkingdom.webp"
        class="w-full h-[320px] object-cover">

        <div class="p-7">

          <h3 class="text-2xl font-bold mb-4">
            RAIH KEBERUNTUNGANMU DISINI
          </h3>

          <p class="text-gray-400 leading-8">
            Gameplay kompetitif modern dengan pengalaman gaming generasi terbaru.
          </p>

        </div>

      </div>

      <div class="bg-[#101827] rounded-3xl overflow-hidden border border-white/5 hover:-translate-y-3 hover:shadow-2xl hover:shadow-green-500/10 duration-500">

        <img src="image/yggdrasil.webp"
        class="w-full h-[320px] object-cover">

        <div class="p-7">

          <h3 class="text-2xl font-bold mb-4">
            SENSASI MENDAPATKAN HASIL TERBAIK
          </h3>

          <p class="text-gray-400 leading-8">
            Game futuristik dengan efek neon dan sistem gameplay ultra modern.
          </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-green-400">Ultra Fast Access</h3>
        <p class="text-gray-400 leading-8">
          Optimasi server modern memberikan performa lebih stabil dan loading lebih cepat.
        </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-green-400">Modern Interface</h3>
        <p class="text-gray-400 leading-8">
          Tampilan gaming premium dengan nuansa futuristik dan efek visual modern.
        </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-green-400">Secure Platform</h3>
        <p class="text-gray-400 leading-8">
          Sistem keamanan modern untuk memberikan pengalaman bermain lebih 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(0, 252, 252, 0.4);
  box-shadow: 0 0 32px rgba(32, 211, 217, 0.2), inset 0 0 24px rgba(32, 175, 218, 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(32, 175, 218, 0.03), rgba(32, 175, 218, 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(32, 175, 218, 0.08); border: 1px solid rgba(32, 175, 218, 0.25); color: #c29f03; 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: #c29f03; 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(32, 175, 218, 0.1), rgba(32, 175, 218, 0.03)); border: 1px solid rgba(32, 175, 218, 0.28); box-shadow: inset 0 0 16px rgba(32, 175, 218, 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: #c29f03; text-shadow: 0 0 14px rgba(32, 175, 218, 0.35); }
.cyber-score-outof { font-size: 13px; color: #C9B896; opacity: 0.9; }
.cyber-score-stars { letter-spacing: 3px; color: #c29f03; font-size: 16px; margin-bottom: 8px; }
.cyber-score-meta { font-size: 12px; color: #c29f03; 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(32, 175, 218, 0.15), rgba(32, 175, 218, 0.05)); border: 1px solid rgba(32, 175, 218, 0.25); border-radius: 18px; padding: 18px; box-shadow: 0 0 18px rgba(32, 175, 218, 0.08); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.cyber-review-card:hover { transform: translateY(-4px); border-color: #c29f03; box-shadow: 0 0 26px rgba(32, 211, 217, 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, #c29f03, #c29f03); color: #1A1A1A; font-weight: 900; font-size: 18px; box-shadow: 0 0 14px rgba(32, 211, 217, 0.2); flex-shrink: 0; }
.cyber-user-name { margin: 0; font-size: 14px; color: #c29f03; 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: #c29f03; text-transform: uppercase; letter-spacing: 1px; }
.cyber-review-rating { font-size: 13px; color: #c29f03; 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: #c29f03; border: 1px solid rgba(32, 175, 218, 0.18); background: rgba(32, 175, 218, 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(32, 175, 218, 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: #c29f03; border: 1px solid rgba(32, 175, 218, 0.16); background: rgba(32, 175, 218, 0.05); }
.cyber-reviews-cta { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 12px; background: linear-gradient(145deg, #c29f03, #c29f03); color: #1A1A1A; font-size: 12px; font-weight: 900; text-decoration: none; box-shadow: 0 0 18px rgba(32, 175, 218, 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">
                    Apa kata mereka yang telah menikmati game, event seru, dan promo terbesar di SURGA33? 
                    Kami menghadirkan pengalaman bermain yang 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 2,000+ ulasan pemain aktif dan event bonus SURGA33 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">A</div>
                        <div>
                            <p class="cyber-user-name">Andi Saputra</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">Event Jackpot Selalu Seru</h4>
                <p class="cyber-review-text">
                    Event di SURGA33 selalu update dan hadiahnya besar. Saya sering ikut turnamen dan hasilnya sangat memuaskan!
                </p>
                <div class="cyber-review-tags">
                    <span>#EventGaming</span>
                    <span>#Jackpot</span>
                </div>
            </div>

            <div class="cyber-review-card">
                <div class="cyber-review-top">
                    <div class="cyber-review-user">
                        <div class="cyber-avatar">S</div>
                        <div>
                            <p class="cyber-user-name">Siti Aminah</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 Paling Menguntungkan</h4>
                <p class="cyber-review-text">
                    Bonus dan promo di SURGA33 sangat besar dibanding platform lain. Deposit kecil pun masih dapat reward menarik.
                </p>
                <div class="cyber-review-tags">
                    <span>#BonusBesar</span>
                    <span>#PromoHarian</span>
                </div>
            </div>

            <div class="cyber-review-card">
                <div class="cyber-review-top">
                    <div class="cyber-review-user">
                        <div class="cyber-avatar">R</div>
                        <div>
                            <p class="cyber-user-name">Rendi Wijaya</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 Lancar & Seru</h4>
                <p class="cyber-review-text">
                    Semua game berjalan smooth tanpa lag. Event kompetisi juga bikin pengalaman bermain makin seru setiap hari.
                </p>
                <div class="cyber-review-tags">
                    <span>#NoLag</span>
                    <span>#GameSeru</span>
                </div>
            </div>

        </div>

        <div class="cyber-reviews-footer">
            <div class="cyber-review-pill-group">
                <span class="cyber-review-pill">Event Harian</span>
                <span class="cyber-review-pill">Bonus Besar</span>
                <span class="cyber-review-pill">Game Lengkap</span>
            </div>

            <a href="https://cumasurga.com/surga33" 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-green-400 mb-6 tracking-wide border-b border-green-400/20 pb-4">
     SURGA33 Platform Game Multiplayer Seru Dengan Kerja Sama Tim dan Tantangan Menarik
    </h2>
    
    <div class="text-gray-300 text-base md:text-lg leading-8 space-y-6 text-justify">
      <p>
           Game multiplayer berbasis kerja sama tim menjadi salah satu genre favorit banyak pemain karena mampu menciptakan pengalaman bermain yang lebih interaktif. SURGA33 menghadirkan platform yang mendukung aktivitas gaming modern dengan suasana yang lebih sosial dan menyenangkan.

Dalam permainan co-op multiplayer, pemain dituntut untuk bekerja sama dalam menyelesaikan berbagai tantangan. Komunikasi, koordinasi, dan strategi tim menjadi faktor penting yang menentukan keberhasilan dalam permainan.

<a href="https://www.surga33-real.com" title="SURGA33 Situs Game Digital Online" class="text-green-400 font-bold hover:text-green-400 duration-300 underline decoration-dashed decoration-green-400 underline-offset-4" target="_blank" rel="noopener">SURGA33</a> menghadirkan sistem yang stabil sehingga pengguna dapat menikmati pengalaman multiplayer dengan lebih nyaman. Dukungan teknologi modern juga membantu menjaga kualitas layanan agar tetap optimal.

Dengan fokus pada kerja sama tim dan interaksi sosial, SURGA33 menjadi pilihan menarik bagi pecinta game multiplayer modern.</p>

     
    </div>
  </article>
</section>

<div data-bind="scope: 'ajaxpro'">
    <div id="ajaxpro-reinit" data-bind="html: bindBlock('reinit')"></div>
</div><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div style="font-size:12px;background-color:#e4ae09;color: #fff;padding: 15px;text-align: center;">&copy; Copyright SURGA33. All Rights Reserved.<div>
<style>
@media only screen and (max-width: 768px) {
    .catalog-product-view.page-product-configurable #maincontent .column.main .product-info-wrapper {
        gap: 0;
    }
}
@media only screen and (max-width: 767px) {
    .page-product-configurable #maincontent .column.main .product-info-wrapper .page-title-wrapper.product h1.page-title {
        margin-top: 0;
    }
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 999;
    opacity: 0.3;
}

.container {
    max-width: 850px;
    margin: 0 auto;
    padding: 3rem 2rem;
    position: relative;
    z-index: 2;
}

.glitch {
    font-size: 4rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #066337;
    letter-spacing: -1px;
    position: relative;
    text-shadow: 0.05em 0 0 rgba(255,0,0,0.3), -0.05em -0.05em 0 rgba(0,255,255,0.2);
    animation: glitch 2.5s infinite;
}

@keyframes glitch {
    0%, 100% { transform: skew(0deg, 0deg); text-shadow: 0.05em 0 0 rgba(255,0,0,0.3), -0.05em -0.05em 0 rgba(0,255,255,0.2); }
    95% { transform: skew(0deg, 0deg); text-shadow: 0.05em 0 0 rgba(255,0,0,0.3), -0.05em -0.05em 0 rgba(0,255,255,0.2); }
    96% { transform: skew(2deg, 0.5deg); text-shadow: -0.05em 0 0 rgba(255,0,0,0.5), 0.05em 0.05em 0 rgba(0,255,255,0.3); }
    97% { transform: skew(-1deg, -0.3deg); text-shadow: 0.05em 0.02em 0 rgba(255,0,0,0.4), -0.02em -0.05em 0 rgba(0,255,255,0.2); }
}

.sub {
    font-size: 0.75rem;
    color: #aa5555;
    letter-spacing: 3px;
    margin-top: 0.25rem;
    border-left: 2px solid #066337;
    padding-left: 0.75rem;
}

.hero {
    margin: 2rem 0 2rem auto;
    max-width: 85%;
    border: 1px solid #2a2a2a;
    filter: grayscale(20%) contrast(1.1);
    transition: 0.2s;
}

.hero:hover {
    border-color: #066337;
    filter: grayscale(0%);
}

.hero img {
    width: 100%;
    height: auto;
    display: block;
}

.terminal {
    background: #0c0c0c;
    border-right: 3px solid #066337;
    padding: 1.8rem;
    margin: 2rem 0 2rem 2rem;
}

.line {
    font-size: 0.85rem;
    margin-bottom: 0.75rem;
    font-family: monospace;
}

.prompt {
    color: #066337;
    font-weight: bold;
}

.cursor {
    display: inline-block;
    width: 8px;
    height: 14px;
    background: #066337;
    vertical-align: middle;
    animation: blink 1s step-end infinite;
    margin-left: 4px;
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

.info-grid {
    display: flex;
    gap: 1rem;
    margin: 2rem 0;
    flex-wrap: wrap;
}

.info-item {
    flex: 1;
    background: #000000;
    border: 1px solid #222;
    padding: 1rem;
    text-align: left;
    border-left: 2px solid #066337;
}

.info-label {
    font-size: 0.65rem;
    text-transform: uppercase;
    color: #066337;
    letter-spacing: 2px;
    margin-bottom: 0.5rem;
}

.info-value {
    font-size: 0.85rem;
    color: #ddd;
    word-break: break-word;
}

.divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, #066337, transparent);
    margin: 2rem 0;
}

.footer {
    text-align: right;
    font-size: 0.7rem;
    color: #3a3a3a;
    margin-top: 2rem;
}

@media (max-width: 650px) {
    .container { padding: 1.5rem; }
    .glitch { font-size: 2.5rem; }
    .hero { max-width: 100%; margin: 1.5rem 0; }
    .terminal { margin: 1.5rem 0; }
}
</style></div>    
                
    <script type="text/x-magento-init" data-init-lazy="submit">
    {
        "[data-role=tocart-form], .form.map.checkout": {
            "catalogAddToCart": {
                "submitForcePreventValidation": false            }
        }
    }
</script>
    <div class="container">
        <div>
            <div class="glitch">SURGA33</div>
            <div class="sub">// Paling Gacor //</div>
        </div>

        <div class="terminal">
            <div class="line"><span class="prompt">> APA ITU SURGA33 ?</span><br>SURGA33 — Adalah situs slot gacor terpercaya & amanah di indonesia</div>
            <div class="line"><span class="prompt">> BAGAIMANA CARA BERMAIN DI SURGA33</span><br>Anda bisa bermain di SURGA33 dengan klik tombol DAFTAR/LOGIN yang tersedia</div>
            <div class="line"><span class="prompt">> APA TRANSAKSI DI SURGA33 AMAN ?</span><br>Ya, transaksi deposit maupun withdraw PASTI SANGAT AMANA DISINI, deposit cepat & berapapun kemenangan PASTI DIBAYAR<span class="cursor"></span></div>
        </div>
        <div class="info-grid">
            <div class="info-item">
                <div class="info-label">TERPERCAYA SEJAK</div>
                <div class="info-value">2016</div>
            </div>
            <div class="info-item">
                <div class="info-label">MINIMAL DEPOSIT</div>
                <div class="info-value">10K</div>
            </div>
            <div class="info-item">
                <div class="info-label">MINIMAL WTIHDRWAW</div>
                <div class="info-value">50K</div>
            </div>
        </div>

        <div class="divider"></div>
        <div class="footer">
         
</div>
</div>

<section class="relative py-32 text-center overflow-hidden">

  <img src="https://images.unsplash.com/photo-1511882150382-421056c89033?q=80&w=1920&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 SURGA33 dan nikmati pengalaman gaming modern dengan visual premium dan performa ultra cepat.
    </p>

    <a href="#"
    class="bg-gradient-to-r from-green-400 to-green-500 text-black font-bold px-12 py-5 rounded-full hover:scale-105 duration-300 inline-block">
      JOIN NOW
    </a>

  </div>

</section>

   <script>
        function toggleChat() {
            const bubble = document.getElementById('chatBubble');
            if(bubble.classList.contains('hidden')) {
                bubble.classList.remove('hidden');
            } else {
                bubble.classList.add('hidden');
            }
        }
    </script>
      <style>
          .daftarku-fixed-footer {
          display: flex;
          justify-content: space-around;
          position: fixed;
          background: linear-gradient(to bottom, #09b665 0%, #0aa37d 50%, #004643 100%);
          box-shadow: 0px 10px #0aa37d;
          outline: none;
          padding: 5px 0;
          box-shadow: 0 0 0 0 2px 2px #0aa37d;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 99;
          border-radius: 40px 40px 0px 0px;
          border-style: dashed;
          }
          .daftarku-fixed-footer a {
          flex-basis: calc((100% - 15px*6)/ 5);
          text-decoration: none;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          color: #fff;
          max-width: 75px;
          font-size: 12px;
          font-family: Ubuntu, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
          }
          .daftarku-fixed-footer a:hover {
          font-weight: bold;
          }
          .daftarku-fixed-footer .center {
          transform: scale(1.5) translateY(-5px);
          background: center no-repeat;
          background-size: contain;
          background-color: inherit;
          border-radius: 50%;
          }
          .daftarku-fixed-footer img {
          max-width: 20px;
          margin-bottom: 0;
          max-height: 20px;
          }
        </style>
        <div class="daftarku-fixed-footer">
          <a href="https://linkternama.com/surga33/promotion" rel="nofollow noopener" target="_blank">
          <img layout="intrinsic" height="20px" width="20px"
            src="image/favicon.webp"
            alt="PROMOSI">
          <b>PROMO</b>
          </a>
          <a href="https://linkternama.com/surga33/"
            rel="nofollow noopener" target="_blank">
          <img layout="intrinsic" height="20px" width="20px"
            src="image/favicon.webp" alt="LOGIN">
          <b>LOGIN</b>
          </a>
          <a href="https://linkternama.com/surga33/register" rel="nofollow noopener" target="_blank" class="tada">
          <img layout="intrinsic" height="20px" width="20px"
            src="image/favicon.webp" alt="DAFTAR">
          <b>DAFTAR</b>
          </a>
          
          <a href="https://linkternama.com/surga33/" rel="nofollow noopener" target="_blank">
          <img layout="intrinsic" height="20px" width="20px"
            src="image/favicon.webp"
            alt="Live Chat">
          <b>LiveChat</b>
          </a>
        </div>
      </div>
    </div>

<footer class="border-t border-white/10 py-10 bg-black text-center text-gray-500">
  © 2026 SURGA33.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":"01cabecb0d1349b48b00c969cc284e10","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>