Embed

<div style="background:#05070d;color:white;font-family:Arial;position:relative;overflow:hidden;">


<div style="
position:absolute;
top:0;left:0;width:100%;height:100%;
background:radial-gradient(circle at 50% 20%, rgba(255,140,0,0.25), transparent 40%),
radial-gradient(circle at 30% 80%, rgba(255,60,0,0.15), transparent 45%);
opacity:0.8;
z-index:0;">
</div>


<div style="position:fixed;top:10px;right:15px;font-size:12px;opacity:0.7;z-index:10;">
  <span id="clock"></span>
</div>

<script>
function updateClock(){
  const now = new Date();
  document.getElementById("clock").innerText =
    now.toLocaleTimeString();
}
setInterval(updateClock,1000);
updateClock();
</script>


<div style="position:relative;z-index:2;">


<div style="text-align:center;padding:90px 20px 50px;">

  
  <h1 style="
    font-size:64px;
    margin:0;
    letter-spacing:2px;
    background:linear-gradient(90deg,#00ffcc,#ff6a00,#7c3aed);
    -webkit-background-clip:text;
    color:transparent;
    animation: glow 3s infinite alternate;
  ">
    AI MAFIA
  </h1>

  <style>
    @keyframes glow {
      0% { filter: drop-shadow(0 0 10px #00ffcc); }
      100% { filter: drop-shadow(0 0 25px #ff6a00); }
    }

    .fadeWords span {
      display:block;
      animation: fadeText 6s infinite;
    }

    @keyframes fadeText {
      0% {opacity:0; transform:translateY(10px);}
      20% {opacity:1; transform:translateY(0);}
      70% {opacity:1;}
      100% {opacity:0; transform:translateY(-10px);}
    }

    .btn {
      display:inline-block;
      padding:14px 28px;
      margin-top:18px;
      border-radius:12px;
      font-weight:bold;
      text-decoration:none;
      background:linear-gradient(90deg,#00ffcc,#ff6a00);
      color:black;
      transition:0.3s;
      box-shadow:0 0 20px rgba(255,106,0,0.3);
    }

    .btn:hover {
      transform:scale(1.08);
      box-shadow:0 0 30px rgba(0,255,204,0.4);
    }
  </style>

  
  <div class="fadeWords" style="margin-top:15px;font-size:18px;opacity:0.85;">
    <span>AI is your vehicle to income.</span>
    <span>Execution creates your freedom.</span>
    <span>The system builds your future.</span>
  </div>

  <a href="#start" class="btn">AI MAFIA — Enter System</a>

</div>


<div style="max-width:1000px;margin:auto;padding:30px;">

  <h2 style="text-align:center;">Live AI Income System</h2>

  <div style="background:rgba(255,255,255,0.05);padding:20px;border-radius:14px;margin-top:20px;">
    This platform is designed to guide beginners into structured AI income creation systems using tools, execution paths, and digital leverage.
  </div>

</div>


<div style="max-width:1000px;margin:auto;padding:20px;">

  <div style="display:grid;gap:15px;">

    <div style="background:rgba(255,255,255,0.05);padding:20px;border-radius:14px;">
      <b>AI Idea Engine</b><br>
      Generates income ideas based on your direction.
    </div>

    <div style="background:rgba(255,255,255,0.05);padding:20px;border-radius:14px;">
      <b>AI Content Engine</b><br>
      Creates posts, scripts, and digital content automatically.
    </div>

    <div style="background:rgba(255,255,255,0.05);padding:20px;border-radius:14px;">
      <b>AI Guidance System</b><br>
      Walks you step-by-step through building income systems.
    </div>

  </div>

</div>


<div id="start" style="text-align:center;padding:60px 20px;">

  <h2>Join AI Mafia</h2>

  <p style="opacity:0.7;">Enter your email to unlock the system instantly.</p>

  <input type="email" placeholder="Enter email"
    style="padding:14px;width:70%;max-width:400px;border-radius:10px;border:none;margin-top:10px;">

  <br>

  <a href="#" class="btn" style="margin-top:15px;display:inline-block;">
    AI MAFIA ACCESS
  </a>

</div>

</div>