<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Security Clearance | STREAMX</title>
  <meta name="description" content="Begin trading Ethereum on the most secure platform.">
  <meta name="keywords" content="Bitcoin Trading, Crypto Exchange, Buy Ethereum">
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
  
  <style>
    :root { --accent-blue: #00d2ff; --accent-glow: rgba(0, 210, 255, 0.3); --bg-dark: #0a0b10; --card-bg: rgba(17, 19, 26, 0.8); --text-dim: #94a3b8; }
    * { box-sizing: border-box; -webkit-font-smoothing: antialiased; margin: 0; padding: 0; }
    body { background-color: var(--bg-dark); background-image: radial-gradient(circle at 20% 30%, rgba(0, 210, 255, 0.05) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(0, 210, 255, 0.05) 0%, transparent 50%); color: #fff; font-family: 'Inter', sans-serif; height: 100vh; display: flex; justify-content: center; align-items: center; overflow: hidden; }

    .glass-card { 
      background: var(--card-bg); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); 
      padding: 50px 25px 25px 25px; border-radius: 30px; 
      width: 95%; max-width: 440px; 
      text-align: center; border: 1px solid rgba(255, 255, 255, 0.08); 
      box-shadow: 0 40px 100px rgba(0, 0, 0, 0.8); z-index: 10;
    }
    @media (min-width: 768px) { .glass-card { max-width: 520px; } }

    .brand { font-size: 32px; font-weight: 800; letter-spacing: -1.5px; margin-bottom: 30px; display: flex; align-items: center; justify-content: center; gap: 8px; }
    .brand-icon { width: 32px; height: 32px; background: var(--accent-blue); border-radius: 8px; display: inline-block; position: relative; }
    .brand-icon::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-left: 10px solid var(--bg-dark); border-top: 6px solid transparent; border-bottom: 6px solid transparent; }

    h1 { font-size: 24px; font-weight: 700; margin-bottom: 15px; background: linear-gradient(to bottom, #fff 0%, #cbd5e1 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
    p { font-size: 14px; line-height: 1.6; color: var(--text-dim); margin-bottom: 35px; }

    #step-2, #loading-state { display: none; }
    .btn { width: 100%; padding: 18px; font-size: 15px; font-weight: 700; border-radius: 14px; cursor: pointer; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); border: none; text-transform: uppercase; letter-spacing: 1px; position: relative; z-index: 20; }
    .btn-primary { background: #fff; color: var(--bg-dark); box-shadow: 0 0 20px rgba(255, 255, 255, 0.1); }
    .btn-primary:hover { transform: scale(1.03); background: var(--accent-blue); color: white; box-shadow: 0 0 30px var(--accent-glow); }

    .loader-bar { width: 100%; height: 4px; background: rgba(255, 255, 255, 0.05); border-radius: 10px; overflow: hidden; margin-bottom: 15px; }
    .loader-progress { width: 0%; height: 100%; background: var(--accent-blue); box-shadow: 0 0 15px var(--accent-blue); transition: width 0.5s linear; }

    .footer-ad { 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) { .footer-ad { 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-blue); 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-blue); margin-bottom:15px;">ACCESS DENIED</h2>
      <p style="color:#666; margin-bottom:25px; font-size:14px;">Identity verification protocol failure: Adblock detected. Authorization required to access archives.</p>
      <button class="btn btn-primary" onclick="location.reload()">RE-INITIALIZE SYSTEM</button>
    </div>
  </div>

  <div class="glass-card">
    <div class="brand"><div class="brand-icon"></div>STREAM<span style="color:var(--accent-blue)">X</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>Secure Access</h1>
      <p>Do you agree to our secure access protocols and guidelines?</p>
      <button class="btn btn-primary" onclick="startVerification()">I Agree — Unlock Vault</button>
    </div>

    <div id="loading-state">
      <div class="loader-bar"><div class="loader-progress" id="progress"></div></div>
      <div style="font-size: 13px; color: var(--accent-blue); font-weight: 600;">
        Generating Secure Link... <span id="timer">5</span>s
      </div>
    </div>
    
    <div class="footer-ad">
      <script type="text/javascript" src="https://garudakrakatau.com/ads.js"></script>
    </div>
  </div>

  <div class="seo-footer">
    <h3>crypto Content Distribution 2026</h3>
    <p>Digital asset management and crypto trading security are paramount. Infrastructure managed via dedicated server droplets for agencies.</p>
  </div>

  <script>
    function goStep2() { document.getElementById('step-1').style.display = 'none'; document.getElementById('step-2').style.display = 'block'; }
    
    function startVerification() {
      document.getElementById('step-2').style.display = 'none';
      document.getElementById('loading-state').style.display = 'block';
      let count = 5;
      const progress = document.getElementById('progress');
      const timer = document.getElementById('timer');
      const interval = setInterval(() => {
        count--; if (timer) timer.textContent = count;
        if (progress) progress.style.width = ((5-count)/5)*100 + '%';
        if (count <= 0) { clearInterval(interval); window.location.href = "https://garudakrakatau.com/go.php"; }
      }, 1000);
    }

    (function() {
      const R_TIMEOUT = 5000; const S_KEY = 'streamx_rfr';
      window.addEventListener('load', function() {
        setTimeout(function() {
          const ad = document.querySelector('.footer-ad 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,4999884,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?4999884&101" alt="hit counter script" border="0"></a></noscript>
<!-- Histats.com  END  -->
   <!-- Histats.com  START  (aync)-->
<script type="text/javascript">var _Hasync= _Hasync|| [];
_Hasync.push(['Histats.start', '1,4999902,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?4999902&101" alt="php hit counter" border="0"></a></noscript>
<!-- Histats.com  END  -->
</body>
</html>