sluthyzz/gist:5de7da4dadf0df3658a428b191b1ed99

## gistfile1.txt
HTML ---------------------------------------------------------------------------------------------

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>EnemyBusiness</title>
  <link rel="icon" type="image/x-icon" href="img/EB.ico">
  <link rel="stylesheet" href="globals.css">
  <link rel="stylesheet" href="style.css">
</head>

<d>
  <div class="antibusiness-landing">
    <div class="overlap-wrapper">
      <div class="overlap">
        <img class="ellipse" src="img/ellipse-48.svg">
        <div class="div"></div>
        <div class="ellipse-2"></div>
        <div class="ellipse-3"></div>
        <div class="endl">
          <div class="overlap-2">
            <div class="overlap-3">
              <img class="queen" src="img/queen.png">
              <p class="p">· Высокая эффективность<br>· Постоянная работа<br>· Минимальное время простоя</p>
              <p class="text-wrapper-2">Начинай просматривать удаленные/изменненые сообщения уже сейчас</p>
            </div>
            <a href="https://t.me/enemybusiness"><div class="tg-btn"><div class="telegram">TELEGRAM</div></div></a>
          </div>
        </div>
        <div class="block-variants-sub">
          <div class="group">
            <div class="element">
              <div class="image">
                <div class="overlap-group-wrapper">
                  <div class="overlap-group-2">
                    <img class="img" src="img/mesh-gradient.png">
                    <div class="text-wrapper-3">3 месяца</div>
                  </div>
                </div>
              </div>
              <div class="body">
                <div class="text-strong"><div class="text-wrapper-4">1890 ₽</div></div>
                <div class="text-small">
                  <p class="text-small-2">Отличный выбор для тех, кто уже оценил наши услуги</p>
                </div>
              </div>
            </div>
            <div class="element-month">
              <div class="group-wrapper">
                <div class="div-wrapper">
                  <div class="overlap-group-3"><div class="text-wrapper-5">1 месяц</div></div>
                </div>
              </div>
              <div class="body">
                <div class="text-strong"><div class="text-wrapper-4">700 ₽</div></div>
                <div class="text-small">
                  <p class="text-small-3">Идеально подходит для тестирования наших услуг</p>
                </div>
              </div>
            </div>
            <p class="text-wrapper-6">Подберите подходящий для вас тариф</p>
          </div>
          <div class="group-2">
            <div class="element">
              <div class="image-2">
                <div class="group-3">
                  <div class="overlap-group-4"><div class="text-wrapper-7">12 месяцев</div></div>
                </div>
              </div>
              <div class="body">
                <div class="text-strong"><div class="text-wrapper-4">6720 ₽</div></div>
                <div class="text-small">
                  <p class="text-wrapper-8">Самый выгодный выбор для постоянных клиентов</p>
                </div>
              </div>
            </div>
            <div class="element-month">
              <div class="image-3">
                <div class="overlap-group-wrapper">
                  <div class="overlap-group-5">
                    <img class="img" src="img/rectangle-24.png">
                    <div class="text-wrapper-9">6 месяцев</div>
                  </div>
                </div>
              </div>
              <div class="body">
                <div class="text-strong"><div class="text-wrapper-4">3570 ₽</div></div>
                <div class="text-small"><div class="text-wrapper-10">Специально для активных пользователей</div></div>
              </div>
            </div>
            <p class="text-wrapper-11">Дороже подписка - больше экономия</p>
          </div>
        </div>
        <header class="header">
          <div class="overlap-5">
            <div class="rectangle-3"></div>
            <div class="text-wrapper-13">AntiBusiness</div>
            <a href="https://t.me/enemybusiness"><div class="tg-btn-2"><div class="telegram">TELEGRAM</div></div></a>
          </div>
        </header>
        <div class="intro">
          <div class="overlap-4">
            <div class="rectangle"></div>
            <img class="ANTIBUSINESS" src="img/ANTIBUSINESS-1.png">
            <img class="rectangle-2" src="img/rectangle-37.png">
            <div class="block">
              <div class="overlap-group-6">
                <p class="text-wrapper-12">
                  Надоело, когда собеседник удаляет или правит сообщения, оставляя вас в неведении? <br>- Теперь вы
                  можете забыть об измененных сообщениях.<br><br>Наш бот тщательно фиксирует каждое удаленное и
                  отредактированное сообщение, предоставляя полный доступ к истории общения.<br><br>Вы всегда
                  будете в курсе всего, что обсуждалось <br>- никакой недосказанности, никаких сомнений!
                </p>
                <div class="group-4">
                  <div class="learn-more"><a href="#">LEARN MORE</a></div>
                  <a href="https://t.me/enemybusiness"><div class="telegram-wrapper"><div class="telegram">TELEGRAM</div></div></a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <footer class="footer">
    <div class="overlap-group"></div>
    <div class="text-wrapper">© EnemyBusiness 2024</div>
  </footer>
</body>

</html>


CSS ---------------------------------------------------------------------------------------------

@font-face {
  font-family: "TT Travels";
  src: url("./fonts/TTTravels-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.antibusiness-landing-container {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.antibusiness-landing {
  background-color: #161616;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.antibusiness-landing .overlap {
  position: relative;
  width: 1983px;
  height: 2572px;
  top: -214px;
  left: -217px;
}

.antibusiness-landing .ellipse {
  position: absolute;
  width: 1065px;
  height: 1723px;
  top: 834px;
  left: 217px;
}

.antibusiness-landing .div {
  position: absolute;
  width: 625px;
  height: 1259px;
  top: 1218px;
  left: 1256px;
  background-color: #790c4e;
  border-radius: 312.5px/629.4px;
  transform: rotate(-9.78deg);
  filter: blur(500px);
}
.antibusiness-landing .ellipse-2 {
  position: absolute;
  width: 885px;
  height: 318px;
  top: 181px;
  left: 25px;
  background-color: #790c4e;
  border-radius: 442.62px/159.05px;
  transform: rotate (-13.77deg);
  filter: blur(300px);
}

.antibusiness-landing .ellipse-3 {
  position: absolute;
  width: 884px;
  height: 434px;
  top: 259px;
  left: 1007px;
  background-color: #b881fd;
  border-radius: 441.93px/216.82px;
  transform: rotate(49.14deg);
  filter: blur(500px);
}

footer {
  position: static;
  width: 100%;
  height: auto;
  background-color: #f5f5f5;
  color: #333;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}

.box {
  width: 1440px;
  height: 60px;
}

.box .footer {
  position: static;
  width: 1442px;
  height: 60px;
  bottom: 0;
  left: 0;
  background-color: transparent;
}

.box .overlap-group {
  position: relative;
  width: 1440px;
  height: 60px;
  background-color: #0000006b;
}

.box .text-wrapper {
  position: absolute;
  height: 32px;
  top: 14px;
  left: 529px;
  font-family: "TT Travels-ExtraLight", Helvetica;
  font-weight: 200;
  color: #ffffffff;
  font-size: 30px;
  text-align: center;
  letter-spacing: 0;
  line-height: 32px;
  white-space: nowrap;
}

.antibusiness-landing .endl {
  position: absolute;
  width: 1244px;
  height: 666px;
  top: 1846px;
  left: 317px;
}

.antibusiness-landing .overlap-2 {
  position: relative;
  width: 1290px;
  height: 766px;
  top: -46px;
}

.antibusiness-landing .overlap-3 {
  position: absolute;
  width: 1290px;
  height: 766px;
  top: 0;
  left: 0;
}

.antibusiness-landing .queen {
  position: absolute;
  width: 769px;
  height: 766px;
  top: 0;
  left: 521px;
}

.antibusiness-landing .p {
  position: absolute;
  width: 577px;
  top: 323px;
  left: 0;
  text-shadow: 0px 2.67px 2.67px #00000040;
  font-family: "TT Travels", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 40px;
}

.antibusiness-landing .text-wrapper-2 {
  position: absolute;
  width: 566px;
  top: 152px;
  left: 0;
  text-shadow: 0px 2.67px 2.67px #00000040;
  font-family: "TT Travels", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 40px;
  letter-spacing: 0;
  line-height: normal;
}

.antibusiness-landing .tg-btn {
  position: absolute;
  width: 276px;
  height: 70px;
  top: 525px;
  left: 0;
  background-color: #00000033;
  border-radius: 25px;
  box-shadow: 0px 4px 10px #00000080;
  border: 2px solid #ffffff;
}

.antibusiness-landing .telegram {
  position: absolute;
  top: 15px;
  left: 45px;
  font-family: "TT Travels", Helvetica;
  font-weight: 500;
  color: #e5e5e5;
  font-size: 32px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.antibusiness-landing .block-variants-sub {
  position: absolute;
  width: 1240px;
  height: 795px;
  top: 960px;
  left: 500px;
}

.antibusiness-landing .group {
  position: absolute;
  width: 822px;
  height: 382px;
  top: 0;
  left: 0;
}

.antibusiness-landing .element {
  display: flex;
  flex-direction: column;
  width: 400px;
  height: 320px;
  align-items: flex-start;
  gap: 14.22px;
  padding: 14.22px;
  position: absolute;
  top: 0;
  left: 420px;
  background-color: #12111266;
  border-radius: 7.11px;
  border: 1px solid;
  border-color: transparent;
  backdrop-filter: blur(50px) brightness(100%);
  -webkit-backdrop-filter: blur(50px) brightness(100%);
  border-image: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.6),
      rgba(0, 0, 0, 0.4)
    )
    1;
}

.antibusiness-landing .image {
  display: flex;
  flex-direction: column;
  height: 219.56px;
  align-items: center;
  justify-content: center;
  position: relative;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  height: 219.56px;
  align-items: center;
  justify-content: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  border-radius: 7.11px;
  overflow: hidden;
  background-image: url(./img/image-2.svg);
  background-size: cover;
  background-position: 50% 50%;
}

.antibusiness-landing .overlap-group-wrapper {
  position: relative;
  width: 458.89px;
  height: 222.22px;
  margin-top: -1.33px;
  margin-left: -42.67px;
  margin-right: -44.67px;
}

.antibusiness-landing .overlap-group-2 {
  position: relative;
  width: 372px;
  height: 220px;
  top: 1px;
  left: 43px;
  background-image: url(./img/19.png);
  background-size: cover;
  background-position: 50% 50%;
}

.antibusiness-landing .img {
  position: absolute;
  width: 372px;
  height: 220px;
  top: 0;
  left: 0;
  object-fit: cover;
}

.antibusiness-landing .text-wrapper-3 {
  position: absolute;
  height: 78px;
  top: 71px;
  left: 48px;
  text-shadow: 0px 3.56px 3.56px #00000040;
  font-family: "TT Travels", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 56px;
  text-align: center;
  letter-spacing: 0;
  line-height: 78.4px;
  white-space: nowrap;
}

.antibusiness-landing .body {
  display: flex;
  flex-direction: column;
  width: 184.89px;
  align-items: flex-start;
  gap: 7.11px;
  position: relative;
  flex: 0 0 auto;
}

.antibusiness-landing .text-strong {
  display: inline-flex;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.antibusiness-landing .text-wrapper-4 {
  position: relative;
  width: fit-content;
  margin-top: -0.89px;
  font-family: "TT Travels", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19.6px;
  white-space: nowrap;
}

.antibusiness-landing .text-small {
  display: flex;
  width: 184.89px;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.antibusiness-landing .text-small-2 {
  position: relative;
  width: fit-content;
  margin-top: -0.89px;
  margin-right: -142.11px;
  font-family: "TT Travels", Helvetica;
  font-weight: 400;
  color: #9c9c9c;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16.8px;
  white-space: nowrap;
}

.antibusiness-landing .element-month {
  display: flex;
  flex-direction: column;
  width: 400px;
  height: 320px;
  align-items: flex-start;
  gap: 14.22px;
  padding: 14.22px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #12111266;
  border-radius: 7.11px;
  border: 1px solid;
  border-color: transparent;
  backdrop-filter: blur(50px) brightness(100%);
  -webkit-backdrop-filter: blur(50px) brightness(100%);
  border-image: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.6),
      rgba(0, 0, 0, 0.4)
    )
    1;
}

.antibusiness-landing .group-wrapper {
  display: flex;
  flex-direction: column;
  height: 219.56px;
  align-items: center;
  justify-content: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  border-radius: 7.11px;
  overflow: hidden;
  background-image: url(./img/image-3.svg);
  background-size: cover;
  background-position: 50% 50%;
}

.antibusiness-landing .div-wrapper {
  position: relative;
  width: 396px;
  height: 220px;
  margin-top: -0.22px;
  margin-left: -11.22px;
  margin-right: -13.22px;
}

.antibusiness-landing .overlap-group-3 {
  position: relative;
  width: 372px;
  height: 220px;
  left: 11px;
  background-image: url(./img/rectangle-31.png);
  background-size: cover;
  background-position: 50% 50%;
}

.antibusiness-landing .text-wrapper-5 {
  top: 71px;
  left: 74px;
  position: absolute;
  height: 78px;
  text-shadow: 0px 3.56px 3.56px #00000040;
  font-family: "TT Travels", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 56px;
  text-align: center;
  letter-spacing: 0;
  line-height: 78.4px;
  white-space: nowrap;
}

.antibusiness-landing .text-small-3 {
  position: relative;
  width: fit-content;
  margin-top: -0.89px;
  margin-right: -126.11px;
  font-family: "TT Travels", Helvetica;
  font-weight: 400;
  color: #9c9c9c;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16.8px;
  white-space: nowrap;
}

.antibusiness-landing .text-wrapper-6 {
  position: absolute;
  width: 652px;
  top: 344px;
  left: 79px;
  text-shadow: 0px 4px 4px #00000040;
  font-family: "TT Travels", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.antibusiness-landing .group-2 {
  position: absolute;
  width: 822px;
  height: 389px;
  top: 406px;
  left: 420px;
}

.antibusiness-landing .antibusiness-landing .image-2 {
  display: flex;
  flex-direction: column;
  height: 219.56px;
  align-items: center;
  justify-content: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  border-radius: 7.11px;
  overflow: hidden;
  background-image: url(./img/image.svg);
  background-size: cover;
  background-position: 50% 50%;
}

.antibusiness-landing .group-3 {
  position: relative;
  width: 388px;
  height: 220px;
  margin-top: -0.22px;
  margin-left: -7.22px;
  margin-right: -9.22px;
}

.antibusiness-landing .overlap-group-4 {
  position: relative;
  width: 372px;
  height: 220px;
  left: 7px;
  background-image: url(./img/rectangle-32.png);
  background-size: cover;
  background-position: 50% 50%;
}

.antibusiness-landing .text-wrapper-7 {
  top: 72px;
  left: 20px;
  position: absolute;
  height: 78px;
  text-shadow: 0px 3.56px 3.56px #00000040;
  font-family: "TT Travels", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 56px;
  text-align: center;
  letter-spacing: 0;
  line-height: 78.4px;
  white-space: nowrap;
}

.antibusiness-landing .text-wrapper-8 {
  position: relative;
  width: fit-content;
  margin-top: -0.89px;
  margin-right: -122.11px;
  font-family: "TT Travels", Helvetica;
  font-weight: 400;
  color: #9c9c9c;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16.8px;
  white-space: nowrap;
}

.antibusiness-landing .image-3 {
  display: flex;
  flex-direction: column;
  height: 219.56px;
  align-items: center;
  justify-content: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  border-radius: 7.11px;
  overflow: hidden;
  background-image: url(./img/image-4.svg);
  background-size: cover;
  background-position: 50% 50%;
}

.antibusiness-landing .overlap-group-5 {
  position: relative;
  width: 372px;
  height: 220px;
  top: 1px;
  left: 43px;
  background-image: url(./img/85.png);
  background-size: cover;
  background-position: 50% 50%;
}

.antibusiness-landing .text-wrapper-9 {
  top: 71px;
  left: 30px;
  position: absolute;
  height: 78px;
  text-shadow: 0px 3.56px 3.56px #00000040;
  font-family: "TT Travels", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 56px;
  text-align: center;
  letter-spacing: 0;
  line-height: 78.4px;
  white-space: nowrap;
}

.antibusiness-landing .text-wrapper-10 {
  position: relative;
  width: fit-content;
  margin-top: -0.89px;
  margin-right: -73.11px;
  font-family: "TT Travels", Helvetica;
  font-weight: 400;
  color: #9c9c9c;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16.8px;
  white-space: nowrap;
}

.antibusiness-landing .text-wrapper-11 {
  position: absolute;
  width: 650px;
  top: 344px;
  left: 80px;
  text-shadow: 0px 4px 4px #00000040;
  font-family: "TT Travels", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: 44.8px;
}

.antibusiness-landing .intro {
  position: absolute;
  width: 1240px;
  height: 619px;
  top: 293px;
  left: 317px;
}

.antibusiness-landing .overlap-4 {
  position: relative;
  width: 1242px;
  height: 634px;
}

.antibusiness-landing .rectangle {
  position: absolute;
  width: 1231px;
  height: 569px;
  top: 31px;
  left: 9px;
}

.antibusiness-landing .ANTIBUSINESS {
  position: absolute;
  width: 565px;
  height: 600px;
  top: 0;
  left: 0;
}

.antibusiness-landing .rectangle-2 {
  position: absolute;
  width: 599px;
  height: 60px;
  top: 574px;
  left: 135px;
}

.intro .rectangle-2 {
  opacity: 0.5;
}

.antibusiness-landing .block {
  position: absolute;
  width: 665px;
  height: 468px;
  top: 83px;
  left: 577px;
}

.antibusiness-landing .overlap-group-6 {
  position: relative;
  width: 663px;
  height: 468px;
  background-color: #120c1980;
  border-radius: 25px;
  backdrop-filter: blur(50px) brightness(100%);
  -webkit-backdrop-filter: blur(50px) brightness(100%);
  right: 120px;
}

.intro .block {
  float: right;
  margin-left: 300px;
}

.intro .ANTIBUSINESS {
  float: right;
  margin-left: 150px;
}

.antibusiness-landing .text-wrapper-12 {
  position: absolute;
  width: 600px;
  top: 31px;
  left: 30px;
  text-shadow: 0px 4px 4px #00000040;
  -webkit-text-stroke: 1px #ffffff;
  font-family: "TT Travels", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 22px;
  letter-spacing: 0;
  line-height: normal;
}

.antibusiness-landing .group-4 {
  position: absolute;
  width: 539px;
  height: 70px;
  top: 366px;
  left: 66px;
}

.antibusiness-landing .learn-more {
  position: absolute;
  width: 222px;
  height: 38px;
  top: 15px;
  left: 317px;
}

.antibusiness-landing .learn-more-2 {
  position: absolute;
  position: absolute;
  width: 222px;
  top: -2px;
  left: -1px;
  -webkit-text-stroke: 1px #000000;
  font-family: "TT Travels", Helvetica;
  font-weight: 500;
  color: #e5e5e5;
  font-size: 32px;
  letter-spacing: 0;
  line-height: normal;
}

.antibusiness-landing .telegram-wrapper {
  position: absolute;
  width: 274px;
  height: 70px;
  top: 0;
  left: 0;
  background-color: #00000033;
  border-radius: 25px;
  box-shadow: 0px 4px 10px #00000080;
  border: 2px solid #ffffff;
}

.antibusiness-landing .header {
  position: absolute;
  width: 1242px;
  height: 120px;
  top: 214px;
  left: 317px;
  background-color: transparent;
}

.antibusiness-landing .overlap-5 {
  position: relative;
  width: 1240px;
  height: 120px;
}

.antibusiness-landing .rectangle-3 {
  position: absolute;
  width: 1239px;
  height: 120px;
  top: 0;
  left: 0;
}

.antibusiness-landing .text-wrapper-13 {
  position: absolute;
  width: 331px;
  top: 44px;
  left: 0;
  text-shadow: 0px 0px 5px #ffffff80;
  font-family: "TT Travels", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 48px;
  letter-spacing: 0;
  line-height: 32px;
}

.antibusiness-landing .tg-btn-2 {
  position: absolute;
  width: 276px;
  height: 70px;
  top: 25px;
  left: 1200px;
  background-color: #00000033;
  border-radius: 25px;
  box-shadow: 0px 4px 10px #00000080;
  border: 2px solid #ffffff;
}

.tg-btn-2:hover {
  box-shadow: 0px 0px 10px #ffffff;
  text-shadow: 0px 0px 10px #ffffff;
  transition: all 1s ease-in-out;
}

.tg-btn:hover {
  box-shadow: 0px 0px 10px #ffffff;
  text-shadow: 0px 0px 10px #ffffff;
  transition: all 1s ease-in-out;
}

.telegram-wrapper:hover {
  box-shadow: 0px 0px 10px #ffffff;
  text-shadow: 0px 0px 10px #ffffff;
  transition: all 1s ease-in-out;
}

.learn-more {
  color: #ffffff;
  text-shadow: 0px 0px 0px #ffffff;
  transition: all 1s ease-in-out;
  font-size: 32px;
  font-family: "TT Travels", Helvetica;
}

.learn-more:hover {
  text-shadow: 0px 0px 10px #ffffff;
  transition: none;
}

.learn-more a {
  color: #ffffff;
  text-decoration: none;
  transition: all 1s ease-in-out;
}

.learn-more a:hover {
  text-decoration: none;
  transition: all 1s ease-in-out;
}
	HTML ---------------------------------------------------------------------------------------------

	<!DOCTYPE html>
	<html>

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>EnemyBusiness</title>
	<link rel="icon" type="image/x-icon" href="img/EB.ico">
	<link rel="stylesheet" href="globals.css">
	<link rel="stylesheet" href="style.css">
	</head>

	<d>
	<div class="antibusiness-landing">
	<div class="overlap-wrapper">
	<div class="overlap">
	<img class="ellipse" src="img/ellipse-48.svg">
	<div class="div"></div>
	<div class="ellipse-2"></div>
	<div class="ellipse-3"></div>
	<div class="endl">
	<div class="overlap-2">
	<div class="overlap-3">
	<img class="queen" src="img/queen.png">
	<p class="p">· Высокая эффективность<br>· Постоянная работа<br>· Минимальное время простоя</p>
	<p class="text-wrapper-2">Начинай просматривать удаленные/изменненые сообщения уже сейчас</p>
	</div>
	<a href="https://t.me/enemybusiness"><div class="tg-btn"><div class="telegram">TELEGRAM</div></div></a>
	</div>
	</div>
	<div class="block-variants-sub">
	<div class="group">
	<div class="element">
	<div class="image">
	<div class="overlap-group-wrapper">
	<div class="overlap-group-2">
	<img class="img" src="img/mesh-gradient.png">
	<div class="text-wrapper-3">3 месяца</div>
	</div>
	</div>
	</div>
	<div class="body">
	<div class="text-strong"><div class="text-wrapper-4">1890 ₽</div></div>
	<div class="text-small">
	<p class="text-small-2">Отличный выбор для тех, кто уже оценил наши услуги</p>
	</div>
	</div>
	</div>
	<div class="element-month">
	<div class="group-wrapper">
	<div class="div-wrapper">
	<div class="overlap-group-3"><div class="text-wrapper-5">1 месяц</div></div>
	</div>
	</div>
	<div class="body">
	<div class="text-strong"><div class="text-wrapper-4">700 ₽</div></div>
	<div class="text-small">
	<p class="text-small-3">Идеально подходит для тестирования наших услуг</p>
	</div>
	</div>
	</div>
	<p class="text-wrapper-6">Подберите подходящий для вас тариф</p>
	</div>
	<div class="group-2">
	<div class="element">
	<div class="image-2">
	<div class="group-3">
	<div class="overlap-group-4"><div class="text-wrapper-7">12 месяцев</div></div>
	</div>
	</div>
	<div class="body">
	<div class="text-strong"><div class="text-wrapper-4">6720 ₽</div></div>
	<div class="text-small">
	<p class="text-wrapper-8">Самый выгодный выбор для постоянных клиентов</p>
	</div>
	</div>
	</div>
	<div class="element-month">
	<div class="image-3">
	<div class="overlap-group-wrapper">
	<div class="overlap-group-5">
	<img class="img" src="img/rectangle-24.png">
	<div class="text-wrapper-9">6 месяцев</div>
	</div>
	</div>
	</div>
	<div class="body">
	<div class="text-strong"><div class="text-wrapper-4">3570 ₽</div></div>
	<div class="text-small"><div class="text-wrapper-10">Специально для активных пользователей</div></div>
	</div>
	</div>
	<p class="text-wrapper-11">Дороже подписка - больше экономия</p>
	</div>
	</div>
	<header class="header">
	<div class="overlap-5">
	<div class="rectangle-3"></div>
	<div class="text-wrapper-13">AntiBusiness</div>
	<a href="https://t.me/enemybusiness"><div class="tg-btn-2"><div class="telegram">TELEGRAM</div></div></a>
	</div>
	</header>
	<div class="intro">
	<div class="overlap-4">
	<div class="rectangle"></div>
	<img class="ANTIBUSINESS" src="img/ANTIBUSINESS-1.png">
	<img class="rectangle-2" src="img/rectangle-37.png">
	<div class="block">
	<div class="overlap-group-6">
	<p class="text-wrapper-12">
	Надоело, когда собеседник удаляет или правит сообщения, оставляя вас в неведении? <br>- Теперь вы
	можете забыть об измененных сообщениях.<br><br>Наш бот тщательно фиксирует каждое удаленное и
	отредактированное сообщение, предоставляя полный доступ к истории общения.<br><br>Вы всегда
	будете в курсе всего, что обсуждалось <br>- никакой недосказанности, никаких сомнений!
	</p>
	<div class="group-4">
	<div class="learn-more"><a href="#">LEARN MORE</a></div>
	<a href="https://t.me/enemybusiness"><div class="telegram-wrapper"><div class="telegram">TELEGRAM</div></div></a>
	</div>
	</div>
	</div>
	</div>
	</div>
	</div>
	</div>
	</div>

	<footer class="footer">
	<div class="overlap-group"></div>
	<div class="text-wrapper">© EnemyBusiness 2024</div>
	</footer>
	</body>

	</html>


	CSS ---------------------------------------------------------------------------------------------

	@font-face {
	font-family: "TT Travels";
	src: url("./fonts/TTTravels-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	}

	* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	}

	.antibusiness-landing-container {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	}
	.antibusiness-landing {
	background-color: #161616;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	}

	.antibusiness-landing .overlap {
	position: relative;
	width: 1983px;
	height: 2572px;
	top: -214px;
	left: -217px;
	}

	.antibusiness-landing .ellipse {
	position: absolute;
	width: 1065px;
	height: 1723px;
	top: 834px;
	left: 217px;
	}

	.antibusiness-landing .div {
	position: absolute;
	width: 625px;
	height: 1259px;
	top: 1218px;
	left: 1256px;
	background-color: #790c4e;
	border-radius: 312.5px/629.4px;
	transform: rotate(-9.78deg);
	filter: blur(500px);
	}
	.antibusiness-landing .ellipse-2 {
	position: absolute;
	width: 885px;
	height: 318px;
	top: 181px;
	left: 25px;
	background-color: #790c4e;
	border-radius: 442.62px/159.05px;
	transform: rotate (-13.77deg);
	filter: blur(300px);
	}

	.antibusiness-landing .ellipse-3 {
	position: absolute;
	width: 884px;
	height: 434px;
	top: 259px;
	left: 1007px;
	background-color: #b881fd;
	border-radius: 441.93px/216.82px;
	transform: rotate(49.14deg);
	filter: blur(500px);
	}

	footer {
	position: static;
	width: 100%;
	height: auto;
	background-color: #f5f5f5;
	color: #333;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	}

	.box {
	width: 1440px;
	height: 60px;
	}

	.box .footer {
	position: static;
	width: 1442px;
	height: 60px;
	bottom: 0;
	left: 0;
	background-color: transparent;
	}

	.box .overlap-group {
	position: relative;
	width: 1440px;
	height: 60px;
	background-color: #0000006b;
	}

	.box .text-wrapper {
	position: absolute;
	height: 32px;
	top: 14px;
	left: 529px;
	font-family: "TT Travels-ExtraLight", Helvetica;
	font-weight: 200;
	color: #ffffffff;
	font-size: 30px;
	text-align: center;
	letter-spacing: 0;
	line-height: 32px;
	white-space: nowrap;
	}

	.antibusiness-landing .endl {
	position: absolute;
	width: 1244px;
	height: 666px;
	top: 1846px;
	left: 317px;
	}

	.antibusiness-landing .overlap-2 {
	position: relative;
	width: 1290px;
	height: 766px;
	top: -46px;
	}

	.antibusiness-landing .overlap-3 {
	position: absolute;
	width: 1290px;
	height: 766px;
	top: 0;
	left: 0;
	}

	.antibusiness-landing .queen {
	position: absolute;
	width: 769px;
	height: 766px;
	top: 0;
	left: 521px;
	}

	.antibusiness-landing .p {
	position: absolute;
	width: 577px;
	top: 323px;
	left: 0;
	text-shadow: 0px 2.67px 2.67px #00000040;
	font-family: "TT Travels", Helvetica;
	font-weight: 400;
	color: #ffffff;
	font-size: 30px;
	letter-spacing: 0;
	line-height: 40px;
	}

	.antibusiness-landing .text-wrapper-2 {
	position: absolute;
	width: 566px;
	top: 152px;
	left: 0;
	text-shadow: 0px 2.67px 2.67px #00000040;
	font-family: "TT Travels", Helvetica;
	font-weight: 700;
	color: #ffffff;
	font-size: 40px;
	letter-spacing: 0;
	line-height: normal;
	}

	.antibusiness-landing .tg-btn {
	position: absolute;
	width: 276px;
	height: 70px;
	top: 525px;
	left: 0;
	background-color: #00000033;
	border-radius: 25px;
	box-shadow: 0px 4px 10px #00000080;
	border: 2px solid #ffffff;
	}

	.antibusiness-landing .telegram {
	position: absolute;
	top: 15px;
	left: 45px;
	font-family: "TT Travels", Helvetica;
	font-weight: 500;
	color: #e5e5e5;
	font-size: 32px;
	letter-spacing: 0;
	line-height: normal;
	white-space: nowrap;
	}

	.antibusiness-landing .block-variants-sub {
	position: absolute;
	width: 1240px;
	height: 795px;
	top: 960px;
	left: 500px;
	}

	.antibusiness-landing .group {
	position: absolute;
	width: 822px;
	height: 382px;
	top: 0;
	left: 0;
	}

	.antibusiness-landing .element {
	display: flex;
	flex-direction: column;
	width: 400px;
	height: 320px;
	align-items: flex-start;
	gap: 14.22px;
	padding: 14.22px;
	position: absolute;
	top: 0;
	left: 420px;
	background-color: #12111266;
	border-radius: 7.11px;
	border: 1px solid;
	border-color: transparent;
	backdrop-filter: blur(50px) brightness(100%);
	-webkit-backdrop-filter: blur(50px) brightness(100%);
	border-image: linear-gradient(
	to bottom,
	rgba(0, 0, 0, 0.6),
	rgba(0, 0, 0, 0.4)
	)
	1;
	}

	.antibusiness-landing .image {
	display: flex;
	flex-direction: column;
	height: 219.56px;
	align-items: center;
	justify-content: center;
	position: relative;
	align-self: stretch;
	display: flex;
	flex-direction: column;
	height: 219.56px;
	align-items: center;
	justify-content: center;
	position: relative;
	align-self: stretch;
	width: 100%;
	border-radius: 7.11px;
	overflow: hidden;
	background-image: url(./img/image-2.svg);
	background-size: cover;
	background-position: 50% 50%;
	}

	.antibusiness-landing .overlap-group-wrapper {
	position: relative;
	width: 458.89px;
	height: 222.22px;
	margin-top: -1.33px;
	margin-left: -42.67px;
	margin-right: -44.67px;
	}

	.antibusiness-landing .overlap-group-2 {
	position: relative;
	width: 372px;
	height: 220px;
	top: 1px;
	left: 43px;
	background-image: url(./img/19.png);
	background-size: cover;
	background-position: 50% 50%;
	}

	.antibusiness-landing .img {
	position: absolute;
	width: 372px;
	height: 220px;
	top: 0;
	left: 0;
	object-fit: cover;
	}

	.antibusiness-landing .text-wrapper-3 {
	position: absolute;
	height: 78px;
	top: 71px;
	left: 48px;
	text-shadow: 0px 3.56px 3.56px #00000040;
	font-family: "TT Travels", Helvetica;
	font-weight: 700;
	color: #ffffff;
	font-size: 56px;
	text-align: center;
	letter-spacing: 0;
	line-height: 78.4px;
	white-space: nowrap;
	}

	.antibusiness-landing .body {
	display: flex;
	flex-direction: column;
	width: 184.89px;
	align-items: flex-start;
	gap: 7.11px;
	position: relative;
	flex: 0 0 auto;
	}

	.antibusiness-landing .text-strong {
	display: inline-flex;
	align-items: flex-start;
	position: relative;
	flex: 0 0 auto;
	}

	.antibusiness-landing .text-wrapper-4 {
	position: relative;
	width: fit-content;
	margin-top: -0.89px;
	font-family: "TT Travels", Helvetica;
	font-weight: 700;
	color: #ffffff;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 19.6px;
	white-space: nowrap;
	}

	.antibusiness-landing .text-small {
	display: flex;
	width: 184.89px;
	align-items: flex-start;
	position: relative;
	flex: 0 0 auto;
	}

	.antibusiness-landing .text-small-2 {
	position: relative;
	width: fit-content;
	margin-top: -0.89px;
	margin-right: -142.11px;
	font-family: "TT Travels", Helvetica;
	font-weight: 400;
	color: #9c9c9c;
	font-size: 12px;
	letter-spacing: 0;
	line-height: 16.8px;
	white-space: nowrap;
	}

	.antibusiness-landing .element-month {
	display: flex;
	flex-direction: column;
	width: 400px;
	height: 320px;
	align-items: flex-start;
	gap: 14.22px;
	padding: 14.22px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #12111266;
	border-radius: 7.11px;
	border: 1px solid;
	border-color: transparent;
	backdrop-filter: blur(50px) brightness(100%);
	-webkit-backdrop-filter: blur(50px) brightness(100%);
	border-image: linear-gradient(
	to bottom,
	rgba(0, 0, 0, 0.6),
	rgba(0, 0, 0, 0.4)
	)
	1;
	}

	.antibusiness-landing .group-wrapper {
	display: flex;
	flex-direction: column;
	height: 219.56px;
	align-items: center;
	justify-content: center;
	position: relative;
	align-self: stretch;
	width: 100%;
	border-radius: 7.11px;
	overflow: hidden;
	background-image: url(./img/image-3.svg);
	background-size: cover;
	background-position: 50% 50%;
	}

	.antibusiness-landing .div-wrapper {
	position: relative;
	width: 396px;
	height: 220px;
	margin-top: -0.22px;
	margin-left: -11.22px;
	margin-right: -13.22px;
	}

	.antibusiness-landing .overlap-group-3 {
	position: relative;
	width: 372px;
	height: 220px;
	left: 11px;
	background-image: url(./img/rectangle-31.png);
	background-size: cover;
	background-position: 50% 50%;
	}

	.antibusiness-landing .text-wrapper-5 {
	top: 71px;
	left: 74px;
	position: absolute;
	height: 78px;
	text-shadow: 0px 3.56px 3.56px #00000040;
	font-family: "TT Travels", Helvetica;
	font-weight: 700;
	color: #ffffff;
	font-size: 56px;
	text-align: center;
	letter-spacing: 0;
	line-height: 78.4px;
	white-space: nowrap;
	}

	.antibusiness-landing .text-small-3 {
	position: relative;
	width: fit-content;
	margin-top: -0.89px;
	margin-right: -126.11px;
	font-family: "TT Travels", Helvetica;
	font-weight: 400;
	color: #9c9c9c;
	font-size: 12px;
	letter-spacing: 0;
	line-height: 16.8px;
	white-space: nowrap;
	}

	.antibusiness-landing .text-wrapper-6 {
	position: absolute;
	width: 652px;
	top: 344px;
	left: 79px;
	text-shadow: 0px 4px 4px #00000040;
	font-family: "TT Travels", Helvetica;
	font-weight: 700;
	color: #ffffff;
	font-size: 32px;
	text-align: center;
	letter-spacing: 0;
	line-height: normal;
	}

	.antibusiness-landing .group-2 {
	position: absolute;
	width: 822px;
	height: 389px;
	top: 406px;
	left: 420px;
	}

	.antibusiness-landing .antibusiness-landing .image-2 {
	display: flex;
	flex-direction: column;
	height: 219.56px;
	align-items: center;
	justify-content: center;
	position: relative;
	align-self: stretch;
	width: 100%;
	border-radius: 7.11px;
	overflow: hidden;
	background-image: url(./img/image.svg);
	background-size: cover;
	background-position: 50% 50%;
	}

	.antibusiness-landing .group-3 {
	position: relative;
	width: 388px;
	height: 220px;
	margin-top: -0.22px;
	margin-left: -7.22px;
	margin-right: -9.22px;
	}

	.antibusiness-landing .overlap-group-4 {
	position: relative;
	width: 372px;
	height: 220px;
	left: 7px;
	background-image: url(./img/rectangle-32.png);
	background-size: cover;
	background-position: 50% 50%;
	}

	.antibusiness-landing .text-wrapper-7 {
	top: 72px;
	left: 20px;
	position: absolute;
	height: 78px;
	text-shadow: 0px 3.56px 3.56px #00000040;
	font-family: "TT Travels", Helvetica;
	font-weight: 700;
	color: #ffffff;
	font-size: 56px;
	text-align: center;
	letter-spacing: 0;
	line-height: 78.4px;
	white-space: nowrap;
	}

	.antibusiness-landing .text-wrapper-8 {
	position: relative;
	width: fit-content;
	margin-top: -0.89px;
	margin-right: -122.11px;
	font-family: "TT Travels", Helvetica;
	font-weight: 400;
	color: #9c9c9c;
	font-size: 12px;
	letter-spacing: 0;
	line-height: 16.8px;
	white-space: nowrap;
	}

	.antibusiness-landing .image-3 {
	display: flex;
	flex-direction: column;
	height: 219.56px;
	align-items: center;
	justify-content: center;
	position: relative;
	align-self: stretch;
	width: 100%;
	border-radius: 7.11px;
	overflow: hidden;
	background-image: url(./img/image-4.svg);
	background-size: cover;
	background-position: 50% 50%;
	}

	.antibusiness-landing .overlap-group-5 {
	position: relative;
	width: 372px;
	height: 220px;
	top: 1px;
	left: 43px;
	background-image: url(./img/85.png);
	background-size: cover;
	background-position: 50% 50%;
	}

	.antibusiness-landing .text-wrapper-9 {
	top: 71px;
	left: 30px;
	position: absolute;
	height: 78px;
	text-shadow: 0px 3.56px 3.56px #00000040;
	font-family: "TT Travels", Helvetica;
	font-weight: 700;
	color: #ffffff;
	font-size: 56px;
	text-align: center;
	letter-spacing: 0;
	line-height: 78.4px;
	white-space: nowrap;
	}

	.antibusiness-landing .text-wrapper-10 {
	position: relative;
	width: fit-content;
	margin-top: -0.89px;
	margin-right: -73.11px;
	font-family: "TT Travels", Helvetica;
	font-weight: 400;
	color: #9c9c9c;
	font-size: 12px;
	letter-spacing: 0;
	line-height: 16.8px;
	white-space: nowrap;
	}

	.antibusiness-landing .text-wrapper-11 {
	position: absolute;
	width: 650px;
	top: 344px;
	left: 80px;
	text-shadow: 0px 4px 4px #00000040;
	font-family: "TT Travels", Helvetica;
	font-weight: 700;
	color: #ffffff;
	font-size: 32px;
	text-align: center;
	letter-spacing: 0;
	line-height: 44.8px;
	}

	.antibusiness-landing .intro {
	position: absolute;
	width: 1240px;
	height: 619px;
	top: 293px;
	left: 317px;
	}

	.antibusiness-landing .overlap-4 {
	position: relative;
	width: 1242px;
	height: 634px;
	}

	.antibusiness-landing .rectangle {
	position: absolute;
	width: 1231px;
	height: 569px;
	top: 31px;
	left: 9px;
	}

	.antibusiness-landing .ANTIBUSINESS {
	position: absolute;
	width: 565px;
	height: 600px;
	top: 0;
	left: 0;
	}

	.antibusiness-landing .rectangle-2 {
	position: absolute;
	width: 599px;
	height: 60px;
	top: 574px;
	left: 135px;
	}

	.intro .rectangle-2 {
	opacity: 0.5;
	}

	.antibusiness-landing .block {
	position: absolute;
	width: 665px;
	height: 468px;
	top: 83px;
	left: 577px;
	}

	.antibusiness-landing .overlap-group-6 {
	position: relative;
	width: 663px;
	height: 468px;
	background-color: #120c1980;
	border-radius: 25px;
	backdrop-filter: blur(50px) brightness(100%);
	-webkit-backdrop-filter: blur(50px) brightness(100%);
	right: 120px;
	}

	.intro .block {
	float: right;
	margin-left: 300px;
	}

	.intro .ANTIBUSINESS {
	float: right;
	margin-left: 150px;
	}

	.antibusiness-landing .text-wrapper-12 {
	position: absolute;
	width: 600px;
	top: 31px;
	left: 30px;
	text-shadow: 0px 4px 4px #00000040;
	-webkit-text-stroke: 1px #ffffff;
	font-family: "TT Travels", Helvetica;
	font-weight: 400;
	color: #ffffff;
	font-size: 22px;
	letter-spacing: 0;
	line-height: normal;
	}

	.antibusiness-landing .group-4 {
	position: absolute;
	width: 539px;
	height: 70px;
	top: 366px;
	left: 66px;
	}

	.antibusiness-landing .learn-more {
	position: absolute;
	width: 222px;
	height: 38px;
	top: 15px;
	left: 317px;
	}

	.antibusiness-landing .learn-more-2 {
	position: absolute;
	position: absolute;
	width: 222px;
	top: -2px;
	left: -1px;
	-webkit-text-stroke: 1px #000000;
	font-family: "TT Travels", Helvetica;
	font-weight: 500;
	color: #e5e5e5;
	font-size: 32px;
	letter-spacing: 0;
	line-height: normal;
	}

	.antibusiness-landing .telegram-wrapper {
	position: absolute;
	width: 274px;
	height: 70px;
	top: 0;
	left: 0;
	background-color: #00000033;
	border-radius: 25px;
	box-shadow: 0px 4px 10px #00000080;
	border: 2px solid #ffffff;
	}

	.antibusiness-landing .header {
	position: absolute;
	width: 1242px;
	height: 120px;
	top: 214px;
	left: 317px;
	background-color: transparent;
	}

	.antibusiness-landing .overlap-5 {
	position: relative;
	width: 1240px;
	height: 120px;
	}

	.antibusiness-landing .rectangle-3 {
	position: absolute;
	width: 1239px;
	height: 120px;
	top: 0;
	left: 0;
	}

	.antibusiness-landing .text-wrapper-13 {
	position: absolute;
	width: 331px;
	top: 44px;
	left: 0;
	text-shadow: 0px 0px 5px #ffffff80;
	font-family: "TT Travels", Helvetica;
	font-weight: 700;
	color: #ffffff;
	font-size: 48px;
	letter-spacing: 0;
	line-height: 32px;
	}

	.antibusiness-landing .tg-btn-2 {
	position: absolute;
	width: 276px;
	height: 70px;
	top: 25px;
	left: 1200px;
	background-color: #00000033;
	border-radius: 25px;
	box-shadow: 0px 4px 10px #00000080;
	border: 2px solid #ffffff;
	}

	.tg-btn-2:hover {
	box-shadow: 0px 0px 10px #ffffff;
	text-shadow: 0px 0px 10px #ffffff;
	transition: all 1s ease-in-out;
	}

	.tg-btn:hover {
	box-shadow: 0px 0px 10px #ffffff;
	text-shadow: 0px 0px 10px #ffffff;
	transition: all 1s ease-in-out;
	}

	.telegram-wrapper:hover {
	box-shadow: 0px 0px 10px #ffffff;
	text-shadow: 0px 0px 10px #ffffff;
	transition: all 1s ease-in-out;
	}

	.learn-more {
	color: #ffffff;
	text-shadow: 0px 0px 0px #ffffff;
	transition: all 1s ease-in-out;
	font-size: 32px;
	font-family: "TT Travels", Helvetica;
	}

	.learn-more:hover {
	text-shadow: 0px 0px 10px #ffffff;
	transition: none;
	}

	.learn-more a {
	color: #ffffff;
	text-decoration: none;
	transition: all 1s ease-in-out;
	}

	.learn-more a:hover {
	text-decoration: none;
	transition: all 1s ease-in-out;
	}