<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="icon" type="image/x-icon" href="https://cdn.discordapp.com/attachments/1310347002596294737/1316862170956304515/Screenshot_2024-12-12_201807.png?ex=67764c37&is=6774fab7&hm=ff2e187177758da1b804ed91a04f8071726fa835d375938976aeb2307c1966e2&">
    <title>Vyon.club</title>
    <meta
      name="description"
      content="The HVH Cheat you have been waiting for."
    />
    <meta name="robots" content="index, follow" />
    <link
      href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap"
      rel="stylesheet"
    />
    <link
      href="https://fonts.googleapis.com/css2?family=Inter:wght@800&display=swap"
      rel="stylesheet"
    />
    <style>
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

      body {
        min-height: 100vh;
        min-height: 100svh;
        font-family: Montserrat, sans-serif;
        display: flex;
        justify-content: center;
        color: white;
        background: #151515;
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" width="800" height="450" opacity="0.55"><defs><filter id="bbblurry-filter" x="-100%" y="-100%" width="400%" height="400%" filterUnits="objectBoundingBox" primitiveUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="51" x="0%" y="0%" width="100%" height="100%" in="SourceGraphic" edgeMode="none" result="blur"></feGaussianBlur></filter></defs><g filter="url(%23bbblurry-filter)"><ellipse rx="62.5" ry="52" cx="460.05488725142027" cy="266.15838900479406" fill="hsl(37, 99%, 67%)"></ellipse><ellipse rx="62.5" ry="52" cx="330.35236982865763" cy="216.95267139781606" fill="hsl(316, 73%, 52%)"></ellipse><ellipse rx="62.5" ry="52" cx="340.8506830388851" cy="296.5805109197443" fill="hsla(0, 73%, 46%, 1.00)"></ellipse><ellipse rx="62.5" ry="52" cx="424.807373046875" cy="177.06086037375712" fill="hsla(267, 68%, 39%, 1.00)"></ellipse></g></svg>');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        text-align: center;
        overflow: hidden;
        align-items: center;
      }

      .invite-box {
        background: rgba(39, 39, 39, 0.75);
        box-shadow: 0 0 10px rgba(29, 29, 29, 0.5);
        display: flex;
        flex-direction: column;
        padding: 2rem 3rem;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        border-radius: 0.75rem;
      }
      
      h1 {
        font-weight: 800;
        font-size: 3rem;
      }

      h2 {
        font-size: 1rem;
        font-weight: 400;
      }

      a {
        color: white;
      }

      a:hover {
        filter: brightness(90%);
      }

      p.invited {
        color: #b5bac1;
        font-size: 0.9rem;
        font-weight: 400;
        margin-top: 1.25rem;
      }

      .users-waiting {
        font-weight: 500;
        width: 28rem;
        padding: 1.75rem 0rem;
      }

      strong#waitingCount {
        font-family: Inter, sans-serif;
        font-weight: 800;
        align-self: center;
      }

      .blink {
        animation: blinker 2s linear infinite;
        width: 10px;
        height: 10px;
        display: inline-block;
        border: 1px solid #1cb702;
        background-color: #ffffff;
        border-radius: 100%;
        margin-right: 7px;
        box-shadow: 0 0 10px rgba(54, 207, 17, 0.8);
      }

      @keyframes blinker {
        50% {
          opacity: 0.6;
        }
      }

      .label {
        display: block;
        font-size: 0.8rem;
        font-weight: 400;
        text-align: center;
      }

      .form {
        display: flex;
        flex-direction: column;
        margin-top: 0.5rem;
        gap: 0.6rem;
      }

      .label {
        display: flex;
        flex-direction: column;
        align-items: center;
      }

      .email-input {
        font-family: Montserrat, sans-serif;
        display: flex;
        background: #1a1a1a;
        border: none;
        border-radius: 0.3125rem;
        height: 3.07631rem;
        padding: 0.5rem;
        color: #fff; /* Text color for the input */
        font-size: 1rem;
        font-weight: 400;
        text-align: center;
        width: 28rem;
      }

      .email-input::placeholder {
        color: #888;
      }

      .email-input:focus {
        outline: 0;
      }

      .submit-button {
        font-family: Montserrat, sans-serif;
        display: flex;
        justify-content: center;
        background: #5865f2;
        border: none;
        border-radius: 0.3125rem;
        height: 3.07631rem;
        color: #fff; /* Text color for the button */
        font-size: 1rem;
        font-weight: 600;
        cursor: pointer;
      }

      .submit-button:hover {
        filter: brightness(90%);
      }

      .success-message {
        background-color: #5865f2;
        border-radius: 5px;
        font-family: Montserrat, sans-serif;
      }

      .error-message {
        color: #fff;
        background-color: #ed4245;
        border-radius: 5px;
      }

      .w-form-done,
      .w-form-fail {
        text-align: center;
        padding: 20px;
        display: none;
      }

      .footer {
        flex-direction: column;
        justify-content: flex-end;
        align-self: center;
        align-items: center;
        text-align: center;
        padding-bottom: 2rem;
        display: flex;
        position: absolute;
        top: auto;
        bottom: 0%;
        left: 0%;
        right: 0%;
        font-size: 0.9rem;
      }

      .footer > p {
        margin-bottom: 0.2rem;
      }

      @media only screen and (max-width: 767px) {
        body {
          justify-content: center;
          align-items: center;
        }

        .invite-box {
          margin: 0rem 0.2rem 3rem;
          padding: 2rem 1.75rem;
        }

        h1 {
          font-size: 2.5rem;
        }

        h2 {
          font-size: 0.8rem;
          flex-wrap: wrap;
        }

        p.invited {
          font-size: 0.7rem;
        }

        .users-waiting {
          padding: 1rem 0;
          width: 18rem;
          font-size: 0.95rem;
        }

        .email-input,
        .submit-button {
          width: 18rem;
        }

        .footer {
          font-size: 0.8rem;
          padding: 1rem 0.75rem;
        }
      }
    </style>
    <script async src="https://tally.so/widgets/embed.js"></script>
  </head>
  <body>
    <div class="section">
      <div class="invite-box">
        <svg
          width="50"
          height="50"
          viewBox="0 0 61 61"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g clip-path="url(#clip0_53_136)">
           
          </g>
          <defs>
            <clipPath id="clip0_53_136">
              <rect
                width="40"
                height="55"
                fill="white"
                transform="translate(0.5)"
              />
            </clipPath>
          </defs>
        </svg>
        <p class="invited">Vyon early access coming @2025</p>
        <h1 class="header">VYON.CLUB</h1>
        <h6> <span class="autotype"></span></h6>
        <p class="users-waiting">
          <span class="blink"></span
          ><strong id="waitingCount">120</strong> Users Already Waiting!
        </p>
        <script src="https://unpkg.com/magic-snowflakes/dist/snowflakes.auto.min.js"></script>
        <script src="https://unpkg.com/typed.js@2.1.0/dist/typed.umd.js"></script>
        <script>
          var typed = new Typed(".autotype", {
            strings: ["The next big thing.",   "Built For the community, By The Community.", "Secure, Reliable, and Powerful.", "Become The Future Of HVH.", "@2025 Vyon.club", "Vyon Bout To Takeover."],
            typeSpeed: 80,
            backSpeed: 65,
            loop: true, 
            
          })

        </script>
        <a href="https://discord.gg/wVRS5qcQ8T" target="_blank" style="text-decoration: inherit; color: rgb(59 130 246 / 1); display: flex; flex-direction: row; align-items: center; border-radius: 0.5rem; background-color: rgb(88 101 242 / 1); padding: 7px 15px 7px; margin-top: 20px; box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); width: fit-content; margin-left: auto; margin-right: auto;">
            <svg width="32" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127.14 96.36"><defs><style>.cls-1{fill:#fff;}</style></defs><path class="cls-1" d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"></path></svg>
            <div style="flex: 1; display: flex; flex-direction: column; justify-content: start; align-items: start; margin-left: 0.75rem;">
            <div style="font-size: 0.875rem; font-weight: 600; color: #ffffff;">Get involved!</div>
            <div style="font-size: 0.75rem; font-weight: 300; color: #ffffff;">Join our community</div>
            </div>

        </a>
        <div class="footer">
          <p>© 2025 Vyon.club</p>
            <a href="http://vyon.club/privacy"><p>Privacy Policy</p></a>
            <a href="mailto:support@vyon.club"><p>Contact</p></a>
           

        </div>
       
       

       

    </script>
    
  </body>
</html>