[hideprofile][html]<style>
.mini-news {
  width: 520px;
  max-width: 100%;
  margin: 20px auto;
  padding: 22px 26px;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(92,112,116,.22);
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(70,80,82,.10);
  font-family: "Inter", "Arial", sans-serif;
  color: #3e4749;
  font-size: 12px;
  line-height: 1.6;
  position: relative;
}

/* маленький декор */
.mini-news:before {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  right: -20px;
  top: -20px;
  background: url(https://forumstatic.ru/files/001c/ac/b2/25318.png) center/contain no-repeat;
  opacity: .35;
  pointer-events: none;
}

.mini-title {
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  color: #2f555d;
  margin-bottom: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.mini-item {
  padding: 12px 14px;
  margin-bottom: 12px;
  background: rgba(247,245,239,.65);
  border-left: 4px solid rgba(164,112,94,.45);
  border-radius: 6px;
}

.mini-item b {
  color: #315a62;
}

.mini-item a {
  color: #a4705e;
  text-decoration: none;
  border-bottom: 1px solid rgba(164,112,94,.35);
}

.mini-footer {
  margin-top: 14px;
  text-align: center;
  font-size: 10px;
  color: #617074;
}
</style>

<div class="mini-news">

  <div class="mini-title">горячая линия мантры</div>

  <div class="mini-item">
    <b>Событие недели:</b> набор заявок на <a href="https://mantra.rusff.me/viewtopic.php?id=207">радио</a>

Мы решили немного побаловать вас и изменили подарки за заявки!
<br>Теперь можно получить целых две триньки в профиль:
<br>• одну за присутствие на эфире
<br>• вторую за 3 заявки
<br>Поспешите, так как заказы принимаются до 00:00 14.07
  </div>

  <div class="mini-item">
    <b>Напоминание:</b> <a href="https://mantra.rusff.me/viewtopic.php?id=179">дейлики</a> и <a href="https://mantra.rusff.me/viewtopic.php?id=186">кроссворд</a> ждут своих участников!
  </div>

  <div class="mini-footer">
    Mantra всегда рядом ♡
  </div>

</div>
[/html]

[hideprofile][html]<style>
.mini-news {
  width: 520px;
  max-width: 100%;
  margin: 20px auto;
  padding: 22px 26px;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(92,112,116,.22);
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(70,80,82,.10);
  font-family: "Inter", "Arial", sans-serif;
  color: #3e4749;
  font-size: 12px;
  line-height: 1.6;
  position: relative;
}

/* маленький декор */
.mini-news:before {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  right: -20px;
  top: -20px;
  background: url(https://forumstatic.ru/files/001c/ac/b2/25318.png) center/contain no-repeat;
  opacity: .35;
  pointer-events: none;
}

.mini-title {
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  color: #2f555d;
  margin-bottom: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.mini-item {
  padding: 12px 14px;
  margin-bottom: 12px;
  background: rgba(247,245,239,.65);
  border-left: 4px solid rgba(164,112,94,.45);
  border-radius: 6px;
}

.mini-item b {
  color: #315a62;
}

.mini-item a {
  color: #a4705e;
  text-decoration: none;
  border-bottom: 1px solid rgba(164,112,94,.35);
}

.mini-footer {
  margin-top: 14px;
  text-align: center;
  font-size: 10px;
  color: #617074;
}
</style>

<div class="mini-news">

  <div class="mini-title">горячая линия мантры</div>

  <div class="mini-item">
    <b>Конкурс:</b> мы поняли, что конкурс <a href="https://mantra.rusff.me/viewtopic.php?id=237#p13647"> «угадай группу по эмодзи» </a>оказался немного сложным, поэтому мы добавили подсказки и немного снизили награду. Триньку в профиль все еще можно получить!

  </div>

  <div class="mini-footer">
    Mantra всегда рядом ♡
  </div>

</div>
[/html]

[hideprofile][html]<style>
.mini-news {
  width: 520px;
  max-width: 100%;
  margin: 20px auto;
  padding: 22px 26px;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(92,112,116,.22);
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(70,80,82,.10);
  font-family: "Inter", "Arial", sans-serif;
  color: #3e4749;
  font-size: 12px;
  line-height: 1.6;
  position: relative;
}

/* маленький декор */
.mini-news:before {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  right: -20px;
  top: -20px;
  background: url(https://forumstatic.ru/files/001c/ac/b2/25318.png) center/contain no-repeat;
  opacity: .35;
  pointer-events: none;
}

.mini-title {
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  color: #2f555d;
  margin-bottom: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.mini-item {
  padding: 12px 14px;
  margin-bottom: 12px;
  background: rgba(247,245,239,.65);
  border-left: 4px solid rgba(164,112,94,.45);
  border-radius: 6px;
}

.mini-item b {
  color: #315a62;
}

.mini-item a {
  color: #a4705e;
  text-decoration: none;
  border-bottom: 1px solid rgba(164,112,94,.35);
}

.mini-footer {
  margin-top: 14px;
  text-align: center;
  font-size: 10px;
  color: #617074;
}
</style>

<div class="mini-news">

  <div class="mini-title">горячая линия мантры</div>

  <div class="mini-item">
    <b>Радиоэфир:</b> сегодня в 20:00 по МСК состоится трансляция на <a href="https://www.twitch.tv/morbus_in_me">вот этом вот канале</a>. Чтобы получить триньку за присутствие, вам нужно будет скинуть как-то пруф, что вы там были) А вообще лучше будет видеть каждого в чате трансляции! До встречи!

  </div>

  <div class="mini-footer">
    Mantra всегда рядом ♡
  </div>

</div>
[/html]

[hideprofile][html]<style>
.mini-news {
  width: 520px;
  max-width: 100%;
  margin: 20px auto;
  padding: 22px 26px;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(92,112,116,.22);
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(70,80,82,.10);
  font-family: "Inter", "Arial", sans-serif;
  color: #3e4749;
  font-size: 12px;
  line-height: 1.6;
  position: relative;
}

/* маленький декор */
.mini-news:before {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  right: -20px;
  top: -20px;
  background: url(https://forumstatic.ru/files/001c/ac/b2/25318.png) center/contain no-repeat;
  opacity: .35;
  pointer-events: none;
}

.mini-title {
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  color: #2f555d;
  margin-bottom: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.mini-item {
  padding: 12px 14px;
  margin-bottom: 12px;
  background: rgba(247,245,239,.65);
  border-left: 4px solid rgba(164,112,94,.45);
  border-radius: 6px;
}

.mini-item b {
  color: #315a62;
}

.mini-item a {
  color: #a4705e;
  text-decoration: none;
  border-bottom: 1px solid rgba(164,112,94,.35);
}

.mini-footer {
  margin-top: 14px;
  text-align: center;
  font-size: 10px;
  color: #617074;
}
</style>

<div class="mini-news">

  <div class="mini-title">горячая линия мантры</div>

  <div class="mini-item">
    <b>Радиоэфир:</b> мы выложили запись прошлого эфира <a href="https://mantra.rusff.me/viewtopic.php?id=266#p16487">вот сюда</a>. Так что, если кто не смог/не успел и тд, то милости просим. Слушайте и наслаждайтесь.

<p> Ну и в общем.... <a href="https://mantra.rusff.me/viewtopic.php?id=267#p16494">Сюда тоже загляните</a>. Скоро нам исполняется месяц, и мы придумали, как его отметить! Естественно только вместе с вами ❤️

  </div>

  <div class="mini-footer">
    Mantra всегда рядом ♡
  </div>

</div>
[/html]

[hideprofile][html]<style>
.mini-news {
  width: 520px;
  max-width: 100%;
  margin: 20px auto;
  padding: 22px 26px;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(92,112,116,.22);
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(70,80,82,.10);
  font-family: "Inter", "Arial", sans-serif;
  color: #3e4749;
  font-size: 12px;
  line-height: 1.6;
  position: relative;
}

/* маленький декор */
.mini-news:before {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  right: -20px;
  top: -20px;
  background: url(https://forumstatic.ru/files/001c/ac/b2/25318.png) center/contain no-repeat;
  opacity: .35;
  pointer-events: none;
}

.mini-title {
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  color: #2f555d;
  margin-bottom: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.mini-item {
  padding: 12px 14px;
  margin-bottom: 12px;
  background: rgba(247,245,239,.65);
  border-left: 4px solid rgba(164,112,94,.45);
  border-radius: 6px;
}

.mini-item b {
  color: #315a62;
}

.mini-item a {
  color: #a4705e;
  text-decoration: none;
  border-bottom: 1px solid rgba(164,112,94,.35);
}

.mini-footer {
  margin-top: 14px;
  text-align: center;
  font-size: 10px;
  color: #617074;
}
</style>

<div class="mini-news">

  <div class="mini-title">горячая линия мантры</div>

  <div class="mini-item">
   <p> <b>Нам месяц:</b> что же. Вот и наступил этот день, когда нашей Мантре исполнился месяц от роду! (мы не берем период тестовика, да)
<br> Спасибо всем, кто с нами. В честь этого начисляем всем в профиль +200 лотосов. А еще совсем скоро откроется что-то, где можно эти лотосы потратить

<p> <p> <b>Правила:</b> считайте это первоапрельской шуткой. На самом деле мы все-таки решили убрать правило про три дня. Но всех и каждого просим не забывать про актив :3 Флуд, конкурсы, эпизоды — все это ждет каждого из вас. А если что-то непонятно или просто пообщаться захочется, то Босс, Пух и Оат всегда с вами 

  </div>

  <div class="mini-footer">
    Mantra всегда рядом ♡
  </div>

</div>
[/html]

[hideprofile][html]<style>
.mini-news {
  width: 520px;
  max-width: 100%;
  margin: 20px auto;
  padding: 22px 26px;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(92,112,116,.22);
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(70,80,82,.10);
  font-family: "Inter", "Arial", sans-serif;
  color: #3e4749;
  font-size: 12px;
  line-height: 1.6;
  position: relative;
}

/* маленький декор */
.mini-news:before {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  right: -20px;
  top: -20px;
  background: url(https://forumstatic.ru/files/001c/ac/b2/25318.png) center/contain no-repeat;
  opacity: .35;
  pointer-events: none;
}

.mini-title {
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  color: #2f555d;
  margin-bottom: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.mini-item {
  padding: 12px 14px;
  margin-bottom: 12px;
  background: rgba(247,245,239,.65);
  border-left: 4px solid rgba(164,112,94,.45);
  border-radius: 6px;
}

.mini-item b {
  color: #315a62;
}

.mini-item a {
  color: #a4705e;
  text-decoration: none;
  border-bottom: 1px solid rgba(164,112,94,.35);
}

.mini-footer {
  margin-top: 14px;
  text-align: center;
  font-size: 10px;
  color: #617074;
}
</style>

<div class="mini-news">

  <div class="mini-title">горячая линия мантры</div>

  <div class="mini-item">
    <b>Радиоэфир:</b> сегодня в 20:00 по МСК состоится трансляция на <a href="https://www.twitch.tv/morbus_in_me">вот этом вот канале</a>.Осталось меньше 30 минут!

  </div>

  <div class="mini-footer">
    Mantra всегда рядом ♡
  </div>

</div>
[/html]

[hideprofile][html]<!doctype html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title></title>

  <style>
    :root {
      --page-bg: #d7d8d5;
      --page-bg-light: #ece9e4;

      --card-bg: rgba(248, 247, 248, 0.95);
      --winner-bg: rgba(157, 199, 208, 0.18);

      --blue: #789ca5;
      --blue-dark: #63858e;
      --blue-light: #a4cbd2;

      --brown: #a38b79;
      --text: #66696c;
      --muted: #929496;

      --border: rgba(113, 146, 155, 0.35);
      --shadow: 0 8px 24px rgba(72, 79, 82, 0.14);
    }

    * {
      box-sizing: border-box;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      margin: 0;
      min-height: 100vh;

      color: var(--text);
      background:
        linear-gradient(
          135deg,
          var(--page-bg) 0%,
          var(--page-bg-light) 48%,
          #cbd2d0 100%
        );

      font-family: Arial, Helvetica, sans-serif;
      font-size: 13px;
      line-height: 1.5;
    }

    body::before {
      content: "";
      position: fixed;
      inset: 0;
      z-index: -1;
      pointer-events: none;
      opacity: 0.08;

      background-image: radial-gradient(
        rgba(255, 255, 255, 0.8) 0.7px,
        transparent 0.7px
      );

      background-size: 28px 28px;
    }

    .page {
      width: min(970px, calc(100% - 28px));
      margin: 0 auto;
    }

    /* Верхний блок */

    .hero {
      padding: 44px 0 32px;
      text-align: center;
    }

    .forum-name {
      color: var(--blue);
      font-size: 10px;
      font-weight: bold;
      letter-spacing: 0.18em;
      text-transform: uppercase;
    }

    .decor {
      margin: 13px 0;
      color: var(--brown);
      font-size: 16px;
      letter-spacing: 0.4em;
    }

    .hero-title {
      margin: 0 0 12px;

      color: var(--blue-dark);
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(34px, 5vw, 58px);
      font-weight: normal;
      letter-spacing: 0.04em;
      line-height: 1.05;
      text-transform: uppercase;
    }

    .hero-description {
      max-width: 560px;
      margin: 0 auto;

      color: #7d8183;
      font-size: 13px;
    }

    .scroll-button {
      display: inline-block;
      margin-top: 20px;
      padding: 9px 18px;

      border: 1px solid rgba(111, 143, 153, 0.5);
      border-radius: 3px;

      color: var(--blue-dark);
      background: rgba(255, 255, 255, 0.42);

      font-size: 10px;
      letter-spacing: 0.08em;
      text-decoration: none;
      text-transform: uppercase;

      transition: 0.2s ease;
    }

    .scroll-button:hover {
      color: white;
      background: var(--blue);
    }

    /* Заголовок списка */

    .section-heading {
      margin: 0 auto 24px;
      text-align: center;
    }

    .section-heading h2 {
      margin: 0 0 7px;

      color: #706d68;
      font-family: Georgia, "Times New Roman", serif;
      font-size: 24px;
      font-weight: normal;
      letter-spacing: 0.03em;
    }

    .section-heading p {
      margin: 0;
      color: var(--muted);
      font-size: 12px;
    }

    /* Сетка номинаций */

    .nominations {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;

      padding-bottom: 44px;
    }

    .nomination {
      position: relative;
      overflow: hidden;

      min-height: 135px;
      padding: 16px;

      border: 1px solid var(--border);
      border-radius: 10px;

      background: var(--card-bg);
      box-shadow: var(--shadow);
    }

    .nomination::after {
      content: attr(data-number);

      position: absolute;
      top: 4px;
      right: 14px;

      color: rgba(111, 143, 153, 0.09);
      font-size: 58px;
      font-weight: bold;
      line-height: 1;
      pointer-events: none;
    }

    .nomination-title {
      position: relative;
      z-index: 1;

      margin: 0 0 12px;

      color: var(--blue-dark);
      font-family: Georgia, "Times New Roman", serif;
      font-size: 16px;
      font-weight: normal;
      line-height: 1.25;
    }

    .nomination-title::after {
      content: "";

      display: block;
      width: 36px;
      height: 1px;
      margin-top: 7px;

      background: var(--brown);
    }

    /* Победитель */

    .winner {
      position: relative;
      z-index: 1;

      display: flex;
      align-items: center;
      gap: 10px;

      margin-top: 7px;
      padding: 9px 10px;

      border-radius: 7px;
      background: var(--winner-bg);
    }

    .winner-icon {
      display: grid;
      flex: 0 0 26px;
      place-items: center;

      width: 26px;
      height: 26px;

      border-radius: 50%;

      color: white;
      background: var(--blue-light);

      font-size: 13px;
    }

    .winner-info {
      min-width: 0;
    }

    .winner-label {
      display: block;

      margin-bottom: 1px;

      color: var(--muted);
      font-size: 9px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }

    .winner-name {
      overflow: hidden;

      color: #666a6d;
      font-family: Georgia, "Times New Roman", serif;
      font-size: 14px;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .winner-nick {
      color: #8eabb0;
      font-size: 11px;
    }

    /* Подвал */

    .footer {
      padding: 22px 0 35px;

      border-top: 1px solid rgba(255, 255, 255, 0.45);

      color: #8b8d8e;
      font-size: 11px;
      text-align: center;
    }

    .footer strong {
      color: #9b8371;
      font-weight: normal;
    }

    /* Планшеты */

    @media (max-width: 800px) {
      .nominations {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    /* Телефоны */

    @media (max-width: 520px) {
      .page {
        width: min(100% - 20px, 430px);
      }

      .hero {
        padding: 32px 0 25px;
      }

      .hero-title {
        font-size: 34px;
      }

      .hero-description {
        font-size: 12px;
      }

      .nominations {
        grid-template-columns: 1fr;
      }

      .nomination {
        min-height: auto;
      }
    }
  </style>
</head>

<body>

  <header class="hero">
    <div class="page">

      <div class="forum-name">
        [MANTRA] · [Первый месяц жизни]
      </div>

      <div class="decor">
        ✦ ─── ✦ ─── ✦
      </div>

      <h1 class="hero-title">
     Хроники Мантры
      </h1>

      <p class="hero-description">
<center>Две недели мы выбирали и голосовали, чтобы понять, кто стал самым самым! В некоторых категориях очень сложно определиться было, поэтому показали тех, у кого голоса были распределены одинаково! Награды будут на профилях у всех до завтрашнего дня</center>
      </p>

<a class="scroll-button" href="https://mantra.rusff.me/viewtopic.php?id=328#p20181">
        Ко всем номинантам и победителям
      </a>
    </div>
  </header>

  <main id="winners" class="page">

    <section class="nominations">

      <!-- Номинация 1 -->
      <article class="nomination" data-number="01">
        <h3 class="nomination-title">
          Пара месяца
        </h3>

        <div class="winner">
          <div class="winner-icon">♛</div>

          <div class="winner-info">
            <span class="winner-label">Победитель</span>
            <div class="winner-name">hwang hyunjin & lee minho</div>
         
          </div>
        </div>
      </article>

      <!-- Номинация 2: два победителя -->
      <article class="nomination" data-number="02">
        <h3 class="nomination-title">
     Мужчина месяца
        </h3>

        <div class="winner">
          <div class="winner-icon">♛</div>

          <div class="winner-info">
            <span class="winner-label">Победитель</span>
            <div class="winner-name">boss chaikamon</div>

          </div>
        </div>

       
      </article>

      <!-- Номинация 3 -->
      <article class="nomination" data-number="03">
        <h3 class="nomination-title">
    Женщина месяца
        </h3>

        <div class="winner">
          <div class="winner-icon">♛</div>

          <div class="winner-info">
            <span class="winner-label">Победитель</span>
  song victoria

          </div>
        </div>
      </article>

      <!-- Номинация 4 -->
      <article class="nomination" data-number="04">
        <h3 class="nomination-title">
    Эпизод месяца
        </h3>

        <div class="winner">
          <div class="winner-icon">♛</div>

          <div class="winner-info">
            <span class="winner-label">Победитель</span>
            <div class="winner-name">простите, пожалуйста, я тут потанцую?</div>
              <div class="winner-name">паргелий</div>
            <div class="winner-name">избитый приём</div>
            <div class="winner-name">игра в кошки-мышки</div>
          </div>
        </div>
      </article>

      <!-- Номинация 5 -->
      <article class="nomination" data-number="05">
        <h3 class="nomination-title">
Пост месяца
        </h3>

        <div class="winner">
          <div class="winner-icon">♛</div>

          <div class="winner-info">
            <span class="winner-label">Победитель</span>
            <div class="winner-name">влажные мечты Вэя</div>

          </div>
        </div>
      </article>

      <!-- Номинация 6 -->
      <article class="nomination" data-number="06">
        <h3 class="nomination-title">
Цитата месяца
        </h3>

        <div class="winner">
          <div class="winner-icon">♛</div>

          <div class="winner-info">
            <span class="winner-label">Победитель</span>
            <div class="winner-name">pooh krittin (nakamoto yuta)</div>

          </div>
        </div>
      </article>

      <!-- Номинация 7 -->
      <article class="nomination" data-number="07">
        <h3 class="nomination-title">
Самый романтичный эпизод
        </h3>

        <div class="winner">
          <div class="winner-icon">♛</div>

          <div class="winner-info">
            <span class="winner-label">Победитель</span>
            <div class="winner-name">простите, пожалуйста, я тут потанцую?</div>

          </div>
        </div>
      </article>

      <!-- Номинация 8 -->
      <article class="nomination" data-number="08">
        <h3 class="nomination-title">
Самый веселый эпизод
        </h3>

        <div class="winner">
          <div class="winner-icon">♛</div>

          <div class="winner-info">
            <span class="winner-label">Победитель</span>
            <div class="winner-name">дочки-папки-матери</div>
            <div class="winner-name">She's love dirty dirty dancer</div>
          </div>
        </div>
      </article>

      <!-- Номинация 9 -->
      <article class="nomination" data-number="09">
        <h3 class="nomination-title">
Самый горячий эпизод
        </h3>

        <div class="winner">
          <div class="winner-icon">♛</div>

          <div class="winner-info">
            <span class="winner-label">Победитель</span>
            <div class="winner-name">the beast I can become</div>
            <div class="winner-name">привет из прошлого</div>
          </div>
        </div>
      </article>

      <!-- Номинация 10 -->
      <article class="nomination" data-number="10">
        <h3 class="nomination-title">
Тот, кто всегда вызывает улыбку
        </h3>

        <div class="winner">
          <div class="winner-icon">♛</div>

          <div class="winner-info">
            <span class="winner-label">Победитель</span>
            <div class="winner-name">bang chan</div>

          </div>
        </div>
      </article>

      <!-- Номинация 11 -->
      <article class="nomination" data-number="11">
        <h3 class="nomination-title">
Тот, кто всегда соблазняет
        </h3>

        <div class="winner">
          <div class="winner-icon">♛</div>

          <div class="winner-info">
            <span class="winner-label">Победитель</span>
            <div class="winner-name">hwang hyunjin</div>
            <div class="winner-name">lee taemin</div>
          </div>
        </div>
      </article>

      <!-- Номинация 12 -->
      <article class="nomination" data-number="12">
        <h3 class="nomination-title">
Пост в МНТграме месяца
        </h3>

        <div class="winner">
          <div class="winner-icon">♛</div>

          <div class="winner-info">
            <span class="winner-label">Победитель</span>
            <div class="winner-name">@nut_sl</div>
            <div class="winner-name">@harit_agency</div>
          </div>
        </div>
      </article>

    </section>

  </main>

  <footer class="footer">
    <strong>Спасибо, что остаетесь вместе с нами!</strong>
    <br>
    Ваша Mantra
  </footer>

</body>
</html>[/html]

[hideprofile][html]<style>
.mini-news {
  width: 520px;
  max-width: 100%;
  margin: 20px auto;
  padding: 22px 26px;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(92,112,116,.22);
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(70,80,82,.10);
  font-family: "Inter", "Arial", sans-serif;
  color: #3e4749;
  font-size: 12px;
  line-height: 1.6;
  position: relative;
}

/* маленький декор */
.mini-news:before {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  right: -20px;
  top: -20px;
  background: url(https://forumstatic.ru/files/001c/ac/b2/25318.png) center/contain no-repeat;
  opacity: .35;
  pointer-events: none;
}

.mini-title {
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  color: #2f555d;
  margin-bottom: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.mini-item {
  padding: 12px 14px;
  margin-bottom: 12px;
  background: rgba(247,245,239,.65);
  border-left: 4px solid rgba(164,112,94,.45);
  border-radius: 6px;
}

.mini-item b {
  color: #315a62;
}

.mini-item a {
  color: #a4705e;
  text-decoration: none;
  border-bottom: 1px solid rgba(164,112,94,.35);
}

.mini-footer {
  margin-top: 14px;
  text-align: center;
  font-size: 10px;
  color: #617074;
}
</style>

<div class="mini-news">

  <div class="mini-title">горячая линия мантры</div>

  <div class="mini-item">
    <b>Приятности:</b> мы все прекрасно знаем, как вы любите оформление, а особенно тем, как выглядит лз... Чтож, мы добавили просто кучу новых шрифов специально для вас 𖹭
  </div>

  <div class="mini-footer">
    Mantra всегда рядом ♡
  </div>

</div>
[/html]

[hideprofile][html]<style>
.mini-news {
  width: 520px;
  max-width: 100%;
  margin: 20px auto;
  padding: 22px 26px;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(92,112,116,.22);
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(70,80,82,.10);
  font-family: "Inter", "Arial", sans-serif;
  color: #3e4749;
  font-size: 12px;
  line-height: 1.6;
  position: relative;
}

/* маленький декор */
.mini-news:before {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  right: -20px;
  top: -20px;
  background: url(https://forumstatic.ru/files/001c/ac/b2/25318.png) center/contain no-repeat;
  opacity: .35;
  pointer-events: none;
}

.mini-title {
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  color: #2f555d;
  margin-bottom: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.mini-item {
  padding: 12px 14px;
  margin-bottom: 12px;
  background: rgba(247,245,239,.65);
  border-left: 4px solid rgba(164,112,94,.45);
  border-radius: 6px;
}

.mini-item b {
  color: #315a62;
}

.mini-item a {
  color: #a4705e;
  text-decoration: none;
  border-bottom: 1px solid rgba(164,112,94,.35);
}

.mini-footer {
  margin-top: 14px;
  text-align: center;
  font-size: 10px;
  color: #617074;
}
</style>

<div class="mini-news">

  <div class="mini-title">горячая линия мантры</div>

  <div class="mini-item">
    <b>Радио!</b> Вы хотели! Вы ждали! Вы получили! <a href="https://mantra.rusff.me/viewtopic.php?id=390#p25309">Радиоэфиры для всех. Третий заход</a>❤️

  </div>

  <div class="mini-footer">
    Mantra всегда рядом ♡
  </div>

</div>
[/html]

[hideprofile][html]<style>
.mini-news {
  width: 520px;
  max-width: 100%;
  margin: 20px auto;
  padding: 22px 26px;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(92,112,116,.22);
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(70,80,82,.10);
  font-family: "Inter", "Arial", sans-serif;
  color: #3e4749;
  font-size: 12px;
  line-height: 1.6;
  position: relative;
}

/* маленький декор */
.mini-news:before {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  right: -20px;
  top: -20px;
  background: url(https://forumstatic.ru/files/001c/ac/b2/25318.png) center/contain no-repeat;
  opacity: .35;
  pointer-events: none;
}

.mini-title {
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  color: #2f555d;
  margin-bottom: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.mini-item {
  padding: 12px 14px;
  margin-bottom: 12px;
  background: rgba(247,245,239,.65);
  border-left: 4px solid rgba(164,112,94,.45);
  border-radius: 6px;
}

.mini-item b {
  color: #315a62;
}

.mini-item a {
  color: #a4705e;
  text-decoration: none;
  border-bottom: 1px solid rgba(164,112,94,.35);
}

.mini-footer {
  margin-top: 14px;
  text-align: center;
  font-size: 10px;
  color: #617074;
}
</style>

<div class="mini-news">

  <div class="mini-title">горячая линия мантры</div>

  <div class="mini-item">
    <b>Радио!</b> Друзья, а вы не забыли? Что уже через 3 дня будет третий радиоэфир! Так что бегите <a href="https://mantra.rusff.me/viewtopic.php?id=390#p25309">и оставляйте свои заявки!</a>❤️

  </div>

  <div class="mini-footer">
    Mantra всегда рядом ♡
  </div>

</div>
[/html]