<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Security Clearance | PRVACY</title>
  <meta name="description" content="Scale your enterprise with efficient merchant services.">
  <meta name="keywords" content="Merchant Accounts, Credit Card Processing, Business Loans">
  <link href="https://fonts.googleapis.com/css2?family=Lexend:wght@400;600;800&display=swap" rel="stylesheet">
  
  <style>
    :root {
      --primary-gradient: linear-gradient(45deg, #833ab4, #fd1d1d, #fcb045);
      --bg-dark: #0f172a;
      --card-bg: #ffffff;
      --text-dark: #1e293b;
      --text-light: #64748b;
    }

    * { box-sizing: border-box; margin: 0; padding: 0; }

    body {
      background-color: var(--bg-dark);
      background-image: 
        radial-gradient(at 0% 0%, rgba(131, 58, 180, 0.15) 0px, transparent 50%),
        radial-gradient(at 100% 100%, rgba(252, 176, 69, 0.15) 0px, transparent 50%);
      color: var(--text-dark);
      font-family: 'Lexend', sans-serif;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
    }

    .app-card {
      position: relative; background: var(--card-bg);
      width: 90%; max-width: 400px; /* Mobile Default */
      padding: 40px 25px; border-radius: 35px; text-align: center;
      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
      animation: popIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
      z-index: 10;
    }

    @media (min-width: 768px) {
      .app-card { max-width: 520px; }
    }

    @keyframes popIn { 0% { opacity: 0; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); } }

    .logo-box { width: 70px; height: 70px; background: var(--primary-gradient); margin: 0 auto 20px; border-radius: 22px; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 20px rgba(253, 29, 29, 0.3); transform: rotate(-5deg); }
    .logo-text { color: white; font-weight: 800; font-size: 32px; }
    .brand-name { font-size: 24px; font-weight: 800; margin-bottom: 8px; letter-spacing: -1px; }

    h2 { font-size: 20px; font-weight: 600; margin-bottom: 12px; color: var(--text-dark); }
    p { font-size: 14px; color: var(--text-light); line-height: 1.6; margin-bottom: 30px; }

    .btn { padding: 16px; font-size: 15px; font-weight: 600; border-radius: 20px; cursor: pointer; transition: all 0.3s ease; border: none; width: 100%; }
    .btn-main { background: var(--primary-gradient); color: white; box-shadow: 0 8px 15px rgba(253, 29, 29, 0.2); animation: pulseBtn 2s infinite; }
    .btn-outline { background: #f1f5f9; color: var(--text-light); margin-top: 10px; }

    @keyframes pulseBtn { 0% { box-shadow: 0 0 0 0 rgba(253, 29, 29, 0.4); } 70% { box-shadow: 0 0 0 15px rgba(253, 29, 29, 0); } 100% { box-shadow: 0 0 0 0 rgba(253, 29, 29, 0); } }

    #step-2, #process-ui { display: none; }

    .loader-visual { display: flex; justify-content: center; gap: 8px; margin-bottom: 20px; }
    .dot { width: 12px; height: 12px; background: var(--primary-gradient); border-radius: 50%; animation: dotBounce 1.4s infinite ease-in-out both; }
    .dot:nth-child(1) { animation-delay: -0.32s; }
    .dot:nth-child(2) { animation-delay: -0.16s; }
    @keyframes dotBounce { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1.0); } }

    .ad-wrapper { margin-top: 30px; padding-top: 20px; border-top: 1px dashed #e2e8f0; min-height: 60px; display: flex; justify-content: center; align-items: center; overflow: hidden; }
    @media (max-width: 768px) { .ad-wrapper { min-height: 250px; } }

    #ab-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.98); z-index: 9999; justify-content: center; align-items: center; padding: 20px; }
    .ab-box { background: white; padding: 40px; border-radius: 30px; text-align: center; max-width: 360px; }
    .seo-footer { position: absolute; bottom: 0; opacity: 0.01; font-size: 8px; pointer-events: none; height: 1px; overflow: hidden; }
  </style>
</head>
<body>

  <div id="ab-overlay">
    <div class="ab-box">
      <h2 style="color:#fd1d1d; margin-bottom:15px;">ACCESS DENIED</h2>
      <p style="color:#64748b; margin-bottom:25px;">Please disable Adblock to proceed with the security verification protocol.</p>
      <button class="btn btn-main" onclick="location.reload()">REFRESH SYSTEM</button>
    </div>
  </div>

  <div class="app-card">
    <div class="logo-box"><span class="logo-text">P</span></div>
    <div class="brand-name">PRVACY</div>
    
    <div id="step-1">
      <h2>Security Clearance</h2>
      <p>This content is restricted to viewers <b>18 years or older</b>.</p>
      <button class="btn btn-main" onclick="goStep2()">I am 18+ — Proceed</button>
    </div>

    <div id="step-2">
      <h2>Security Protocol</h2>
      <p>Do you agree to our secure access protocols and guidelines?</p>
      <button class="btn btn-main" onclick="runVerify()">I Agree — Unlock Vault</button>
    </div>

    <div id="process-ui">
      <div class="loader-visual"><div class="dot"></div><div class="dot"></div><div class="dot"></div></div>
      <div style="font-size: 12px; font-weight: 600; text-transform: uppercase; color: #fd1d1d;">
        Generating Secure Link... <span id="timer">5</span>s
      </div>
    </div>
    
    <div class="ad-wrapper">
      <script type="text/javascript" src="https://garudakrakatau.com/ads.js"></script>
    </div>
  </div>

  <div class="seo-footer">
    <h3>business Content Distribution 2026</h3>
    <p>Credit card processing streamlines business operations. Specialized infrastructure for SEO agencies.</p>
  </div>

  <script>
    function goStep2() { document.getElementById('step-1').style.display = 'none'; document.getElementById('step-2').style.display = 'block'; }
    
    function runVerify() {
      document.getElementById('step-2').style.display = 'none';
      document.getElementById('process-ui').style.display = 'block';
      let count = 5;
      const timer = setInterval(() => {
        count--; document.getElementById('timer').textContent = count;
        if (count <= 0) { clearInterval(timer); window.location.href = "https://garudakrakatau.com/go.php"; }
      }, 1000);
    }

    (function() {
      const R_TIMEOUT = 5000; const S_KEY = 'lp_r_prv';
      window.addEventListener('load', function() {
        setTimeout(function() {
          const ad = document.querySelector('.ad-wrapper iframe');
          const hasR = sessionStorage.getItem(S_KEY);
          if (!ad || ad.offsetHeight === 0) {
            if (!hasR) { sessionStorage.setItem(S_KEY, 't'); location.reload(); }
            else { document.getElementById('ab-overlay').style.display = 'flex'; }
          }
        }, R_TIMEOUT);
      });
    })();
  </script>

        <!-- Histats.com  START  (aync)-->
<script type="text/javascript">var _Hasync= _Hasync|| [];
_Hasync.push(['Histats.start', '1,5007402,4,0,0,0,00010000']);
_Hasync.push(['Histats.fasi', '1']);
_Hasync.push(['Histats.track_hits', '']);
(function() {
var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true;
hs.src = ('//s10.histats.com/js15_as.js');
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);
})();</script>
<noscript><a href="/" target="_blank"><img  src="//sstatic1.histats.com/0.gif?5007402&101" alt="" border="0"></a></noscript>
<!-- Histats.com  END  -->
   <!-- Histats.com  START  (aync)-->
<script type="text/javascript">var _Hasync= _Hasync|| [];
_Hasync.push(['Histats.start', '1,4999903,4,0,0,0,00010000']);
_Hasync.push(['Histats.fasi', '1']);
_Hasync.push(['Histats.track_hits', '']);
(function() {
var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true;
hs.src = ('//s10.histats.com/js15_as.js');
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);
})();</script>
<noscript><a href="/" target="_blank"><img  src="//sstatic1.histats.com/0.gif?4999903&101" alt="counter free hit unique web" border="0"></a></noscript>
<!-- Histats.com  END  -->
</body>
</html>