<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>💫 MANOLO — Unban Number Helper</title>
<meta name="theme-color" content="#00ffd5">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
<style>
* {
  margin: 0; padding: 0; box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
}
body {
  background: radial-gradient(circle at top left, #001f1e, #000);
  color: #fff;
  display: flex; justify-content: center; align-items: center;
  min-height: 100vh;
  padding: 20px;
}
.container {
  background: rgba(255,255,255,0.05);
  backdrop-filter: blur(15px);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 20px;
  padding: 35px 25px;
  width: 100%;
  max-width: 480px;
  text-align: center;
  box-shadow: 0 0 25px rgba(0,255,213,0.15);
  animation: fadeIn 1.2s ease;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

/* === LOGO ANIMÉ 3D === */
.logo {
  position: relative;
  width: 100px; height: 100px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: radial-gradient(circle, #00ffd5, #007bff);
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 0 25px #00ffd5, 0 0 60px #00aaff inset;
  animation: pulse 3s infinite ease-in-out;
  perspective: 800px;
  transform-style: preserve-3d;
}
.logo span {
  font-weight: 700;
  font-size: 2em;
  color: #fff;
  text-shadow: 0 0 15px #00ffd5, 0 0 25px #00ffd5;
  animation: rotate3D 6s infinite linear;
}
@keyframes pulse {
  0%,100% { transform: scale(1); box-shadow: 0 0 20px #00ffd5, 0 0 50px #00aaff inset; }
  50% { transform: scale(1.1); box-shadow: 0 0 40px #00ffd5, 0 0 100px #00aaff inset; }
}
@keyframes rotate3D {
  0% { transform: rotateY(0deg) rotateX(0deg); }
  50% { transform: rotateY(180deg) rotateX(15deg); }
  100% { transform: rotateY(360deg) rotateX(0deg); }
}

/* === TEXTE ET FORMULAIRE === */
h1 {
  font-size: 1.7em;
  color: #00ffd5;
  font-weight: 700;
  margin-bottom: 10px;
  letter-spacing: 1px;
}
p {
  font-size: 0.9em;
  color: #ccc;
  margin-bottom: 20px;
}
input, textarea, button {
  width: 100%;
  margin: 10px 0;
  border: none;
  outline: none;
  border-radius: 12px;
  padding: 12px;
  font-size: 15px;
  font-weight: 500;
}
input, textarea {
  background: rgba(255,255,255,0.07);
  color: #fff;
}
textarea {
  resize: none;
  height: 180px;
}
button {
  background: linear-gradient(135deg, #00ffd5, #00aaff);
  color: #000;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.3s;
}
button:hover {
  transform: scale(1.05);
  box-shadow: 0 0 15px #00ffd5;
}
.whatsapp-buttons {
  display: flex; justify-content: space-between;
  flex-wrap: wrap; gap: 10px;
  margin-top: 10px;
}
.whatsapp-buttons button {
  flex: 1;
  background: linear-gradient(135deg, #25D366, #128C7E);
  color: #fff;
}
.animated-text {
  font-size: 15px;
  color: #00ffd5;
  min-height: 24px;
  font-weight: 500;
  margin-bottom: 15px;
  font-family: 'Courier New', monospace;
}
.footer, .signature {
  font-size: 0.85em;
  margin-top: 15px;
  color: #999;
}
.footer strong {
  color: #00ffd5;
  cursor: pointer;
  text-decoration: underline;
}
.signature strong {
  color: #00ffd5;
}
.neon-glow {
  text-shadow: 0 0 5px #00ffd5, 0 0 15px #00ffd5;
}
</style>
</head>
<body>
  <div class="container">
    <div class="logo"><span>M</span></div>
    <h2 id="animatedText" class="animated-text"></h2>
    <h1 class="neon-glow">📞 MANOLO UNBAN HELPER</h1>
    <p>Enter your banned WhatsApp number 👇</p>

    <input type="number" id="phoneNumber" placeholder="+509XXXXXXXX">
    <button id="generateBtn">✨ Generate Message</button>

    <textarea id="appealText" readonly placeholder="Your appeal message will appear here..."></textarea>

    <button id="copyBtn">📋 Copy Message</button>
    <button id="emailBtn">📧 Send Email</button>

    <div class="whatsapp-buttons">
      <button id="joinChannelBtn">📣 Join MANOLO Channel</button>
      <button id="contactBtn">💬 Contact MANOLO</button>
    </div>

    <p class="footer">Send this to <strong id="supportEmail">support@whatsapp.com</strong></p>
    <p class="signature">Crafted by <strong>MANOLO 💎</strong></p>
  </div>

<script>
document.addEventListener("DOMContentLoaded", () => {
  const text = "👋 Welcome to MANOLO Unban Portal — fast, safe & effective.";
  let i = 0, animatedText = document.getElementById("animatedText");
  function type() {
    if (i < text.length) {
      animatedText.textContent += text.charAt(i);
      i++;
      setTimeout(type, 40);
    }
  }
  type();

  document.getElementById("generateBtn").addEventListener("click", () => {
    const phone = document.getElementById("phoneNumber").value.trim();
    if (!phone) return alert("⚠️ Please enter your banned number!");
    const msg = `Subject: Formal Appeal for Permanently Banned Account: ${phone}

Dear WhatsApp Support Team,

I am writing to formally appeal the permanent ban on my account associated with the phone number ${phone}.

I was surprised to learn about this ban and sincerely apologize if I unintentionally violated any Terms of Service. My WhatsApp account is crucial for both personal and professional communication.

I have reviewed the Terms once again and assure full compliance in the future.

Please kindly review my case and consider reinstating my account. Thank you for your understanding and support.

Respectfully,
MANOLO`;
    document.getElementById("appealText").value = msg;
  });

  document.getElementById("copyBtn").addEventListener("click", () => {
    const area = document.getElementById("appealText");
    if (!area.value) return alert("⚠️ Generate your message first!");
    area.select(); document.execCommand("copy");
    alert("✅ Message copied! Paste it into your email to support@whatsapp.com");
  });

  document.getElementById("emailBtn").addEventListener("click", () => {
    const text = document.getElementById("appealText").value;
    if (!text) return alert("⚠️ Generate your message first!");
    window.location.href = `mailto:support@whatsapp.com?subject=${encodeURIComponent("Formal Appeal for Banned Account")}&body=${encodeURIComponent(text)}`;
  });

  document.getElementById("supportEmail").addEventListener("click", () => {
    alert("✅ The support address is copied!");
    navigator.clipboard.writeText("support@whatsapp.com");
  });

  document.getElementById("joinChannelBtn").addEventListener("click", () => {
    window.open("https://whatsapp.com/channel/0029VbB6Z6172WU03UnKXB41","_blank");
  });

  document.getElementById("contactBtn").addEventListener("click", () => {
    window.open("https://wa.me/50940944132","_blank");
  });
});
</script>
</body>
</html>