<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>KYC Not Completed</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" />
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet" />
  <style>
    .logo {
      max-height: 60px;
    }
  </style>
</head>
<body class="bg-light d-flex align-items-center justify-content-center vh-100">

  <div class="card shadow-lg rounded-4 border-0 p-4 text-center" style="max-width: 420px; width: 100%;">
    <div class="mb-3">
      <img src="images/logo.svg" alt="Logo" class="logo">
    </div>
    <div class="card-body">
      <h2 class="text-danger fw-bold mb-3">Withdraw Activation Not Completed</h2>
      <p class="text-muted mb-3">Your account is currently <strong>ineligible for withdrawal</strong>.</p>
      <div class="alert alert-warning py-2 fw-medium">
        Complete a <strong>One Time Deposit of ₹1799</strong> to activate full access.
      </div>

      <a href="/deposit" class="btn btn-success w-100 mb-3">
        <i class="fas fa-credit-card me-2"></i> Complete Deposit
      </a>

      <a href="#" class="btn btn-outline-primary w-100 mb-4">
        <i class="fas fa-video me-2"></i> Watch Withdraw Activation Video Guide
      </a>

      <div class="ratio ratio-16x9 rounded">
        <video controls autoplay class="rounded shadow-sm">
          <source src="kyc.mp4" type="video/mp4">
          Your browser does not support the video tag.
        </video>
      </div>

      <div class="mt-4 small text-muted">
        <i class="fas fa-lock me-1"></i> 100% secure — Activating your Withdraw Activation helps prevent fraud and unlocks all features.
      </div>
    </div>
  </div>

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
