<!DOCTYPE html>
<html lang="az">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>MeTePanel Lisenziya və Özəliklər</title>
  <style>
    * {
      box-sizing: border-box;
    }

    body {
      font-family: 'Segoe UI', sans-serif;
      margin: 0;
      padding: 0;
      background: linear-gradient(to right, #141e30, #243b55);
      color: #fff;
    }

    header {
      background-color: rgba(0, 0, 0, 0.6);
      color: #fff;
      text-align: center;
      padding: 1.8rem;
      font-size: 2.2rem;
      font-weight: bold;
      position: relative;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    header::after {
      content: ' | MeTePanel';
      font-size: 1rem;
      font-weight: normal;
      position: absolute;
      bottom: 10px;
      right: 15px;
      color: #ccc;
    }

    .container {
      max-width: 1200px;
      margin: auto;
      padding: 2rem;
    }

    .license-box {
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.15);
      backdrop-filter: blur(10px);
      border-radius: 20px;
      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
      padding: 40px;
      text-align: center;
      margin-bottom: 50px;
      position: relative;
      overflow: hidden;
    }

    .license-box::before {
      content: "";
      position: absolute;
      top: -30%;
      left: -30%;
      width: 160%;
      height: 160%;
      background: radial-gradient(circle, #00ffc8 0%, transparent 70%);
      opacity: 0.05;
      animation: pulse 10s infinite ease-in-out;
      z-index: 0;
    }

    @keyframes pulse {
      0%, 100% {
        transform: scale(1);
      }
      50% {
        transform: scale(1.2);
      }
    }

    .license-title {
      font-size: 2.5rem;
      font-weight: bold;
      color: #00ffc8;
      position: relative;
      z-index: 1;
      margin-bottom: 20px;
    }

    .license-details div {
      font-size: 1.2rem;
      margin: 12px 0;
      color: #ddd;
      position: relative;
      z-index: 1;
    }

    .license-details strong {
      color: #00ffc8;
    }

    .features {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 1.5rem;
    }

    .feature {
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.1);
      padding: 1.5rem;
      border-radius: 15px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
      transition: all 0.3s ease;
    }

    .feature:hover {
      transform: translateY(-8px);
      box-shadow: 0 10px 25px rgba(0, 255, 200, 0.2);
    }

    .feature h3 {
      color: #00ffc8;
      margin-top: 0;
    }

    footer {
      text-align: center;
      padding: 2rem;
      color: #aaa;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      margin-top: 50px;
      font-size: 0.9rem;
      background: rgba(0, 0, 0, 0.3);
    }
  </style>
</head>
<body>

  <header>Panel Özəlikləri</header>

  <div class="container">

    <div class="license-box">
      <div class="license-title">MeTePanel</div>
      <div class="license-details">
        <div><strong>Versiya:</strong> V1</div>
        <div><strong>Müəllif & Mod:</strong> Dj_MeTe</div>
        <div><strong>Lisenziya:</strong> Tələb etmir</div>
      </div>
    </div>

    <div class="features">
      <div class="feature"><h3>İstifadəçi paneli</h3><p>İstifadəçilər üçün rahat idarəetmə paneli.</p></div>
      <div class="feature"><h3>Toplu sifarişlər</h3><p>Vaxt qazanmaq üçün çoxlu sifarişləri eyni anda yerləşdirin.</p></div>
      <div class="feature"><h3>İstifadəçi API</h3><p>Resellerlər üçün API dəstəyi ilə işləyin.</p></div>
      <div class="feature"><h3>Çoxvalyutalı sistem</h3><p>Xidmət qiymətləri seçilən valyutaya əsasən göstərilir.</p></div>
      <div class="feature"><h3>Çoxdilli panel</h3><p>İstifadəçilərin dilinə uyğunlaşdırılmış interfeys.</p></div>
      <div class="feature"><h3>Dil paketləri</h3><p>Türkcə, Koreya, Rus, Ərəb və s. dillərdə hazır tərcümələr.</p></div>
      <div class="feature"><h3>Sifariş tarixçəsi</h3><p>Bütün sifarişləri bir yerdə izləmək imkanı.</p></div>
      <div class="feature"><h3>Ödəniş tarixçəsi</h3><p>Əlavə olunan məbləğlərin qeydi və izahı.</p></div>
      <div class="feature"><h3>Mobil uyğunluq</h3><p>Panel mobil cihazlara tam uyğundur.</p></div>
      <div class="feature"><h3>Vaxt qurğusu</h3><p>Paneldə saat qurşağını dəyişmək imkanı.</p></div>
      <div class="feature"><h3>Şifrə bərpası</h3><p>Unudulmuş şifrələrin bərpası mümkündür.</p></div>
      <div class="feature"><h3>2 Faktorlu Doğrulama</h3><p>Email vasitəsilə əlavə təhlükəsizlik təmin olunur.</p></div>
      <div class="feature"><h3>Xəbərdarlıqlar</h3><p>Paneldə vacib məlumatlar istifadəçilərə çatdırılır.</p></div>
      <div class="feature"><h3>Bilet sistemi</h3><p>İstifadəçilər panel administratorları ilə əlaqə saxlaya bilər.</p></div>
      <div class="feature"><h3>Abunəliklər</h3><p>Yeni paylaşımlar üçün avtomatik bəyənmə və baxışlar.</p></div>
      <div class="feature"><h3>Refill və yoxlama</h3><p>Sifarişin azaldığı təqdirdə avtomatik yenilənməsi.</p></div>
      <div class="feature"><h3>Ödəniş üsulları</h3><p>150+ ödəniş üsulu, minimum/maksimum limitlər, bonuslar və valyuta çevirmə ilə.</p></div>
    </div>

  </div>

  <footer>&copy; 2025 MeTePanel — Bütün hüquqlar qorunur. | Dizayn: Dj_MeTe</footer>

</body>
</html>