<title>WebApi-Login</title> <style> * { box-sizing: border-box; margin: 0; padding: 0; } body { background: black url('/assets/bg.jpg') center center/cover no-repeat; color: #cc00ff; font-family: 'UnifrakturCook', cursive; min-height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; } .card { background: rgba(128, 0, 128, 0.04); border: 1px solid rgba(170, 0, 255, 0.2); backdrop-filter: blur(8px); padding: 30px 24px; border-radius: 20px; width: 100%; max-width: 400px; z-index: 2; text-align: center; box-shadow: 0 0 25px rgba(200, 50, 255, 0.4); animation: fadeIn 1s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .icon { font-size: 34px; color: #cc00ff; margin-bottom: 10px; } .title { font-size: 32px; font-family: 'Nosifer', cursive; color: #cc00ff; text-shadow: 0 0 8px #cc00ff; margin-bottom: 8px; } .subtitle { font-size: 12px; color: #cc99ff; font-family: 'Poppins', sans-serif; margin-bottom: 25px; } .form-group { position: relative; margin-bottom: 18px; } .form-group i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #cc66ff; } input { width: 100%; padding: 14px 14px 14px 38px; border-radius: 10px; border: none; background: #1a001a; color: #cc99ff; font-size: 14px; font-weight: 500; } button { width: 100%; padding: 14px; font-size: 15px; background: linear-gradient(135deg, #660066, #330033); color: white; font-weight: 600; border: none; border-radius: 10px; cursor: pointer; transition: transform 0.2s ease, box-shadow 0.2s ease; } button:hover { transform: translateY(-2px); box-shadow: 0 8px 16px rgba(200, 20, 255, 0.4); } .buy-access { margin-top: 16px; display: inline-block; font-size: 13px; background: #990099; padding: 10px 18px; color: white; border-radius: 8px; font-weight: 500; text-decoration: none; box-shadow: 0 0 12px rgba(200, 50, 255, 0.4); font-family: Arial, sans-serif; } .buy-access:hover { background: #660066; } .footer { margin-top: 28px; font-size: 10px; color: #cc66ff; font-family: Arial, sans-serif; } .toast { position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); background: #990099; color: white; padding: 12px 18px; border-radius: 8px; font-size: 13px; font-weight: 500; box-shadow: 0 0 12px rgba(200, 0, 255, 0.4); opacity: 0; animation: fadeInOut 3.8s ease forwards; z-index: 10; } @keyframes fadeInOut { 0% { opacity: 0; transform: translate(-50%, 20px); } 10% { opacity: 1; transform: translate(-50%, 0); } 90% { opacity: 1; } 100% { opacity: 0; transform: translate(-50%, 20px); } } </style>

WEB BUG XTORDCV

Gateway Through Shadows and Fire

<form method="POST" action="/auth">
  <div class="form-group">
    <i class="fas fa-user"></i>
    <input type="text" name="username" placeholder="Username" required />
  </div>
  <div class="form-group">
    <i class="fas fa-key"></i>
    <input type="text" name="key" placeholder="Password" required />
  </div>
  <button type="submit"  style="font-family: 'Nosifer', cursive; color: #cc00ff;
  text-shadow: 0 0 8px #cc00ff;">
    <i class="fas fa-skull-crossbones" style="margin-right: 8px;"></i>
    — L O G I N —
    <i class="fas fa-skull-crossbones" style="margin-left: 8px;"></i>
  </button>
</form>

<a class="buy-access" href="https://t.me/rizxvelzdev" target="_blank">
  <i class="fas fa-coins"></i> Buy Key Access
</a>

<script> const params = new URLSearchParams(window.location.search); const msg = params.get("msg"); if (msg) { const toast = document.getElementById("toast"); toast.textContent = msg; toast.style.display = "block"; } </script>