<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Subscription Check</title>
  <style>
    /* Mobile-friendly styling for a futuristic subscription warning page */
    body {
      font-family: Arial, sans-serif;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
      margin: 0;
      background-color: #1a1a1a;
      color: #fff;
      padding: 20px;
      overflow: hidden;
    }

    /* Outer glowing effect for mobile */
    .warning-container {
      text-align: center;
      background-color: #2c2c2c;
      padding: 20px;
      border-radius: 10px;
      box-shadow: 0 0 20px rgba(255, 0, 0, 0.8), 0 0 40px rgba(255, 0, 0, 0.5);
      color: #ff1b1b;
      max-width: 100%;
      width: 100%;
      border: 1px solid #ff1b1b;
      overflow: hidden;
    }

    /* Futuristic text styles */
    .warning-container h2 {
      font-size: 24px;
      color: #ff4d4d;
      text-transform: uppercase;
      margin-bottom: 15px;
      letter-spacing: 1.5px;
    }

    .warning-container p {
      font-size: 16px;
      color: #ff9999;
      margin-bottom: 20px;
    }

    /* Futuristic button style */
    .renew-button {
      background-color: transparent;
      color: #ff4d4d;
      padding: 12px 20px;
      border: 1px solid #ff4d4d;
      border-radius: 5px;
      font-size: 16px;
      text-transform: uppercase;
      cursor: pointer;
      transition: all 0.3s ease;
      width: 100%;
      max-width: 300px;
      margin: 0 auto;
      display: block;
    }

    /* Button hover effect */
    .renew-button:hover {
      background-color: #ff4d4d;
      color: #1a1a1a;
      box-shadow: 0 0 15px #ff4d4d, 0 0 25px rgba(255, 77, 77, 0.5);
    }

    /* Responsive scaling */
    @media (max-width: 600px) {
      .warning-container h2 {
        font-size: 20px;
      }
      .warning-container p {
        font-size: 14px;
      }
      .renew-button {
        font-size: 14px;
      }
    }
  </style>
</head>
<body>
  <div class="warning-container" id="warning-container" style="display: none;">
    <h2>Subscription Expired</h2>
    <p>Your subscription expired on Janury 19 2025. Please renew your subscription to continue using the software.</p>
    <button class="renew-button" onclick="window.location.href='https://telegram.me/ethicxbot'">Renew Subscription</button>
  </div>

  <script>
    const expirationDate = new Date('2025-1-19');

    const currentDate = new Date();

    if (currentDate > expirationDate) {
      document.getElementById('warning-container').style.display = 'block';
    } else {
      window.location.href = 'login.html';
    }
  </script>
</body>
</html>