







<!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://meubelkayumurah.pics/wp-content/uploads/2026/05/icon-angkasa168.png" type="image/x-icon">
  <link rel="shortcut icon" href="https://meubelkayumurah.pics/wp-content/uploads/2026/05/icon-angkasa168.png" type="image/x-icon">
    
  <title>ANGKASA168 ==> Odice Fire Protection Products, Solusi Fire Safety Modern</title>
  <meta name="description" content="Odice Fire Protection Products menawarkan sistem fire safety modern untuk meningkatkan keamanan dari risiko kebakaran.">
  <meta name="keywords" content="ANGKASA168, ANGKASA168 slot, ANGKASA168 login, ANGKASA168 daftar, situs ANGKASA168, ANGKASA 168">
  <meta name="robots" content="index, follow">
    
  <link rel="canonical" href="https://odicefireprotectionproducts.com/palusol.html">
  <link rel="amphtml" href="https://markets.odicefireprotectionproducts.com/" />
  <link rel="alternate" hreflang="id-id" href="https://markets.odicefireprotectionproducts.com/"/>
  <link rel="alternate" href="https://odicefireprotectionproducts.com/palusol.html"/>
  <link rel="alternate" href="https://markets.odicefireprotectionproducts.com/" hreflang="id"/>
  <link rel="alternate" href="https://markets.odicefireprotectionproducts.com/" hreflang="en"/>
    
  <meta property="og:title" content="ANGKASA168 ==> Odice Fire Protection Products, Solusi Fire Safety Modern">
  <meta property="og:description" content="Odice Fire Protection Products menawarkan sistem fire safety modern untuk meningkatkan keamanan dari risiko kebakaran.">
  <meta property="og:image" content="https://meubelkayumurah.pics/wp-content/uploads/2026/06/c5ae043c-b652-4ecd-8cc7-2f2c3c1e1420.png">
  <meta property="og:url" content="https://odicefireprotectionproducts.com/palusol.html">

  <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="https://odicefireprotectionproducts.com/palusol.html" class="text-4xl font-extrabold tracking-widest text-cyan-400">
      ANGKASA168
    </a>

    <nav class="hidden md:flex items-center gap-10 text-[15px] font-medium">
      <a href="https://markets.odicefireprotectionproducts.com/" class="hover:text-cyan-400 duration-300">Home</a>
      <a href="https://markets.odicefireprotectionproducts.com/" class="hover:text-cyan-400 duration-300">Games</a>
      <a href="https://markets.odicefireprotectionproducts.com/" class="hover:text-cyan-400 duration-300">Promo</a>
      <a href="https://markets.odicefireprotectionproducts.com/" class="hover:text-cyan-400 duration-300">About Us</a>
      <a href="https://markets.odicefireprotectionproducts.com/" class="hover:text-cyan-400 duration-300">Contact</a>
    </nav>

    <div class="hidden md:flex items-center gap-4">

      <a href="https://markets.odicefireprotectionproducts.com/"
      class="border border-cyan-400 text-cyan-400 px-6 py-3 rounded-full font-semibold hover:bg-cyan-400 hover:text-black duration-300">
        REGISTER
      </a>

      <a href="https://markets.odicefireprotectionproducts.com/"
      class="bg-gradient-to-r from-cyan-400 to-blue-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": "ANGKASA168",
  "url": "https://odicefireprotectionproducts.com/palusol.html",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://odicefireprotectionproducts.com/palusol.htmlgames/?q={search_term_string}",
    "query-input": "required name=search_term_string"
  }
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "ANGKASA168",
  "url": "https://odicefireprotectionproducts.com/palusol.html",
  "logo": "https://meubelkayumurah.pics/wp-content/uploads/2026/06/c5ae043c-b652-4ecd-8cc7-2f2c3c1e1420.png",
  "sameAs": [
    "https://odicefireprotectionproducts.com/palusol.html"
  ],
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.9",
    "reviewCount": "2000"
  }
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebPage",
  "name": "ANGKASA168 - Game & Event Platform",
  "url": "https://odicefireprotectionproducts.com/palusol.html",
  "description": "Main game seru langsung di browser tanpa download. ANGKASA168 gratis dimainkan di HP dan PC dengan banyak pilihan game untuk semua kalangan."
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://odicefireprotectionproducts.com/palusol.html"
    }
  ]
}
</script>
</header>


<section class="relative min-h-screen flex items-center justify-center text-center overflow-hidden">

  <img src="https://meubelkayumurah.pics/wp-content/uploads/2026/06/c5ae043c-b652-4ecd-8cc7-2f2c3c1e1420.png"
  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-cyan-400/40 bg-cyan-400/10 text-cyan-300 text-sm tracking-widest uppercase">
        Modern Gaming Zone
      </span>

      <h1 class="text-5xl md:text-7xl font-extrabold leading-tight mb-6">
        WELCOME TO <span class="text-cyan-400">ANGKASA168</span>
      </h1>

      <p class="text-gray-300 text-lg leading-8 mb-10">
        Odice Fire Protection Products merupakan solusi sistem keselamatan kebakaran yang dirancang untuk memberikan perlindungan menyeluruh pada berbagai jenis bangunan, mulai dari fasilitas industri, gedung komersial, hingga infrastruktur publik. Sistem ini berfokus pada upaya pencegahan dan pengendalian risiko kebakaran melalui teknologi fire safety yang lebih modern, sehingga mampu mendeteksi potensi bahaya lebih cepat dan membantu mengurangi dampak kerusakan yang mungkin terjadi. Dalam penerapannya, produk ini biasanya digunakan sebagai bagian dari sistem proteksi terpadu yang bekerja secara otomatis maupun manual untuk menjaga keamanan lingkungan secara berkelanjutan.
      </p>

      <div class="flex flex-col sm:flex-row items-center justify-center md:justify-start gap-5">

        <a href="https://markets.odicefireprotectionproducts.com/"
        class="bg-gradient-to-r from-cyan-400 to-blue-500 text-black font-bold px-10 py-4 rounded-full hover:scale-105 duration-300 shadow-2xl shadow-cyan-500/20">
          PLAY NOW
        </a>

        <a href="https://markets.odicefireprotectionproducts.com/"
        class="border border-white/20 px-10 py-4 rounded-full hover:border-cyan-400 hover:text-cyan-400 duration-300">
          VIEW PROMO
        </a>

      </div>

    </div>

    <div class="w-full md:w-1/2 flex justify-center">
      <img 
        src="https://meubelkayumurah.pics/wp-content/uploads/2026/06/c5ae043c-b652-4ecd-8cc7-2f2c3c1e1420.png"
        class="w-[500px] md:w-[500px] lg:w-[500px] object-contain drop-shadow-2xl"
        alt="Gaming Illustration">
    </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(32, 175, 218, 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: #ffea00; 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: #ffea00; 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: #ffea00; 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: #ffea00; font-size: 16px; margin-bottom: 8px; }
.cyber-score-meta { font-size: 12px; color: #ffea00; 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: #ffea00; 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, #ffea00, #ffea00); 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: #ffea00; 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: #ffea00; text-transform: uppercase; letter-spacing: 1px; }
.cyber-review-rating { font-size: 13px; color: #ffea00; 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: #ffea00; 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: #ffea00; 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, #ffea00, #ffea00); 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 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-cyan-400 mb-6 tracking-wide border-b border-cyan-400/20 pb-4">
      ANGKASA168 ==> Odice Fire Protection Products, Solusi Fire Safety Modern    </h2>
    
    <div class="text-gray-300 text-base md:text-lg leading-8 space-y-6 text-justify">
<p style="text-align: justify;">Selain itu, Odice Fire Protection Products juga dikenal karena kemampuannya dalam mendukung standar keselamatan bangunan modern yang semakin ketat. Dengan desain yang mengutamakan efisiensi dan keandalan, sistem ini dapat diintegrasikan dengan berbagai kebutuhan konstruksi tanpa mengganggu fungsi utama bangunan. Penggunaan teknologi fire safety seperti ini sangat penting terutama pada area dengan risiko tinggi, karena dapat membantu memberikan respons cepat terhadap potensi kebakaran sejak tahap awal. Hal ini menjadikan sistem ini sebagai salah satu solusi penting dalam menciptakan lingkungan yang lebih aman, terlindungi, dan sesuai dengan kebutuhan keselamatan masa kini.</p>
    </div>
  </article>
</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>
    .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(55, 136, 212, 0.2);
      padding-bottom: 20px;
      border: 1px solid rgba(55, 136, 212, 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(55, 136, 212, 0.3), 0 0 0 1px rgba(55, 136, 212, 0.2);
      }
      50% {
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 30px rgba(55, 136, 212, 0.5), 0 0 0 1px rgba(55, 136, 212, 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(55, 136, 212, 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, #ffea00, #ffea00);
      box-shadow: 0 10px 20px rgba(55, 136, 212, 0.4);
      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(55, 181, 212, 0.5);
      background: linear-gradient(135deg, #f4e19c, #ffea00);
    }

    .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, #ffea00, #ffea00);
      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(255, 234, 0, 0.938) 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(55, 188, 212, 0.2);
      border-radius: 20px;
      pointer-events: none;
      z-index: 4;
      background: linear-gradient(135deg, 
        rgba(55, 162, 212, 0) 0%, 
        rgba(55, 141, 212, 0.1) 50%, 
        rgba(55, 194, 212, 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 rgb(217, 192, 0);
    }

    .close-btn:hover {
      background: rgb(255, 234, 0);
      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://meubelkayumurah.pics/wp-content/uploads/2026/06/c5ae043c-b652-4ecd-8cc7-2f2c3c1e1420.png" alt="Popup Banner" class="popup-image" />

            <div class="popup-buttons">
                <a href="https://markets.odicefireprotectionproducts.com/">HOME</a>

            </div>

            <div class="popup-footer">
                ANGKASA168 ==> Odice Fire Protection Products, Solusi Fire Safety Modern <br/>
                <span style="color: #00e1ff; font-weight: 600; text-shadow: 0 0 5px rgba(255, 196, 0, 0.5);">&copy;2026 ANGKASA168</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  ANGKASA168 ==> Odice Fire Protection Products, Solusi Fire Safety Modern - 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>
<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":"ffbcc7f47b74452ab4957678a9e327f3","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<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":"95593aa9fb27439aa021496cded320d5","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<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":"46f899ebe3b6490c997d512b1e819c87","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<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":"134906c90a3c4e978ae053010a86983c","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<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":"5c745069792b48a893bc0958a45e048b","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<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":"a39c1e2878d64b09a943be2d63d34402","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<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":"947e34f2500449708e58140175084e8e","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<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":"b18605181ee147e3825a38f83b908028","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<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":"f0ac582901224f6e87363b0f1f6aad78","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<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":"a4238860b2ae440389027916da51293c","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<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":"6a6e37b952eb46d7a1037b0e9f7cf5b4","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>