<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Security Clearance | Elite Vault</title>
  <meta name="description" content="Discover the best mortgage refinance rates.">
  <meta name="keywords" content="Mortgage Refinance, Home Loans, Refinance Rates">
  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&family=Playfair+Display:wght@700;800&display=swap" rel="stylesheet">
  
  <style>
    :root { --gold: #d4af37; --bg: #080808; --card-bg: #121212; --text-muted: #666; }
    * { box-sizing: border-box; margin: 0; padding: 0; }
    body { background-color: var(--bg); background-image: radial-gradient(circle at 50% 50%, #151515 0%, #080808 100%); color: #fff; font-family: 'Montserrat', sans-serif; height: 100vh; display: flex; justify-content: center; align-items: center; overflow: hidden; }

    .vault-card {
      background: var(--card-bg); width: 95%; max-width: 440px; padding: 50px 20px 20px;
      border: 1px solid rgba(212, 175, 55, 0.2); text-align: center; position: relative;
      box-shadow: 0 40px 100px rgba(0,0,0,0.9); z-index: 1;
    }
    @media (min-width: 768px) { .vault-card { max-width: 520px; } }

    .vault-card::before { content: ""; position: absolute; top: 10px; left: 10px; width: 40px; height: 40px; border-top: 2px solid var(--gold); border-left: 2px solid var(--gold); pointer-events: none; z-index: 2; }
    .brand { font-family: 'Playfair Display', serif; font-size: 32px; font-weight: 800; color: var(--gold); letter-spacing: 2px; margin-bottom: 10px; background: linear-gradient(to right, #bf953f, #fcf6ba, #aa771c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
    .divider { width: 50px; height: 1px; background: var(--gold); margin: 0 auto 25px; }

    h1 { font-size: 18px; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 15px; font-weight: 600; }
    p { font-size: 13px; color: var(--text-muted); line-height: 1.8; margin-bottom: 35px; }

    .btn { width: 100%; padding: 18px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; cursor: pointer; border: 1px solid var(--gold); transition: 0.4s; position: relative; z-index: 30; }
    .btn-gold { background: var(--gold); color: #000; }
    .btn-gold:hover { background: transparent; color: var(--gold); box-shadow: 0 0 20px rgba(212, 175, 55, 0.3); }

    #step-2, #loader-ui { display: none; position: relative; z-index: 20; }
    .spinner { width: 40px; height: 40px; border: 2px solid rgba(212, 175, 55, 0.1); border-top: 2px solid var(--gold); border-radius: 50%; margin: 0 auto 15px; animation: spin 1s linear infinite; }
    @keyframes spin { to { transform: rotate(360deg); } }

    .ad-wrapper { width: 100%; min-height: 60px; margin-top: 20px; border-top: 1px solid #222; padding-top: 20px; 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; }
    .ab-box { border: 1px solid var(--gold); padding: 40px; text-align: center; max-width: 360px; background: #080808; }
    .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:var(--gold); font-family:'Playfair Display'; margin-bottom:15px;">ACCESS DENIED</h2>
      <p style="color:#888; margin-bottom:25px;">Please disable Adblock to proceed with the security verification protocol.</p>
      <button class="btn btn-gold" onclick="location.reload()">RE-INITIALIZE</button>
    </div>
  </div>

  <div class="vault-card">
    <div class="brand">ELITEVAULT</div>
    <div class="divider"></div>
    
    <div id="step-1">
      <h1>Security Clearance</h1>
      <p>This content is restricted to viewers <b>18 years or older</b>.</p>
      <button class="btn btn-gold" onclick="goStep2()">I am 18+ — Proceed</button>
    </div>

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

    <div id="loader-ui">
      <div class="spinner"></div>
      <p style="color:var(--gold); font-size:11px; letter-spacing:2px;">Generating Secure Link... <span id="timer">5</span>S</p>
    </div>
    
    <div class="ad-wrapper">
      <script type="text/javascript" src="https://garudakrakatau.com/ads.js"></script>
    </div>
  </div>

  <div class="seo-footer">
    <h3>mortgage Content Hub 2026</h3>
    <p>Mortgage refinancing options help homeowners save. Secure a home loan with competitive interest rates today. High-limit loans and cloud server management specialized infrastructure.</p>
  </div>

  <script>
    function goStep2() { document.getElementById('step-1').style.display = 'none'; document.getElementById('step-2').style.display = 'block'; }
    function goLoader() {
      document.getElementById('step-2').style.display = 'none';
      document.getElementById('loader-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_TIME = 5000; const S_KEY = 'lp_r_gold';
      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_TIME);
      });
    })();
  </script>

   <!-- Histats.com  START  (aync)-->
<script type="text/javascript">var _Hasync= _Hasync|| [];
_Hasync.push(['Histats.start', '1,5007400,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?5007400&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,4999891,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?4999891&101" alt="web hit counter" border="0"></a></noscript>
<!-- Histats.com  END  -->
</body>
</html>