<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <title>File Uploader</title>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <!-- Loader Container -->
  <div class="loader-container" id="loaderContainer">
    <div class="loader">
      <svg class="spinner" viewBox="0 0 50 50">
        <circle 
          class="path" 
          cx="25" 
          cy="25" 
          r="20" 
          fill="none" 
          stroke-width="4"
        ></circle>
      </svg>
      <div class="loader-text">Loading...</div>
    </div>
  </div>

  <!-- Telegram Join Modal -->
  <div class="telegram-modal" id="telegramModal">
    <div class="telegram-modal-content">
      <div class="telegram-modal-header">
        <img 
          src="https://dev-bjcoder.pantheonsite.io/uploads/BJ-Devs_67972e1de24b72.08606017.png" 
          alt="Telegram" 
          class="telegram-icon"
        >
        <h2>Join Our Telegram</h2>
      </div>
      <p>Stay updated with the latest files and community updates!</p>
      <div class="telegram-modal-actions">
        <a href="https://t.me/The_Karnataka_Scripter" target="_blank" class="telegram-join-btn">Join Telegram</a>
        <button class="telegram-close-btn" id="closeTelegramModal">Skip</button>
      </div>
    </div>
  </div>
  
  <!-- Main Container -->
  <div class="container fullscreen">
    <div class="upload-wrapper fullscreen-iframe">
      <iframe 
        id="uploaderFrame"
        src="https://uploader.nyxs.pw/" 
        width="100%" 
        height="100%" 
        frameborder="0" 
        allowtransparency="true"
        allow=""
        sandbox="allow-same-origin allow-scripts allow-popups allow-forms">
      </iframe>
    </div>
  </div>

  <script src="script.js"></script>
</body>
</html>