[hideprofile][html]
<style>
:root {
  --panel-bg: url("https://forumstatic.ru/files/001c/25/14/97890.png"); /* фон */
  --panel-soft: rgba(40, 30, 30, 0.95);
  --accent: #e0593f;
  --accent-soft: #f1c9a3;
  --text-soft: #c7b2a1;
}

/* Внешняя карточка */
.haupt-werb-card {
  width: 750px;
  margin: 30px auto;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 8px 10px rgba(0,0,0,.25);
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.05) 0, transparent 10%),
    var(--panel-bg) center/cover no-repeat;
  position: relative;
  padding: 34px 34px 26px;
  box-sizing: border-box;
  color: var(--main-text);
}

/* светлый «ореол» в центре */
.haupt-werb-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top center, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.95) 100%);
  z-index: 0;
}
.haupt-werb-card > * { position: relative; z-index: 1; }

/* Заголовок */
.haupt-werb-title {
  font-family: "Bungee", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 52px !important;
  letter-spacing: 1px;
  text-align: center;
  margin: 8px 0 22px;
  text-shadow: 0 4px 12px rgba(0,0,0,0.35);
  color: var(--white2);
}

/* Блок описания */
.haupt-werb-intro {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  padding: 16px 20px 18px;
  margin-bottom: 22px;
  line-height: 1.6;
  font-size: 14px;
  background: rgba(255,253,247,0.56);
}

.haupt-werb-intro > * {
  position: relative;
  z-index: 1;
}

.haupt-werb-intro .intro-line {
  font-weight: 600;
  margin-bottom: 8px;
}
.intro-line h3 {
  display: block;      /* каждая h3 занимает отдельную строку */
  text-align: center;  /* выравнивание текста по центру */
  width: 100%;         /* растянуть на всю строку */
}
.haupt-werb-intro p {
  margin: 0;
}

/* Два столбца */
.haupt-werb-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.haupt-werb-column {
  position: relative;
  background: #333333b8;
  border-radius: 14px;
  padding: 30px 16px 16px;
  overflow: visible;
}

/* Заголовок колонки */
.haupt-werb-column-header {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -55%); /* по центру и чуть выше блока */
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 22px;
  border-radius: 10px;
  background: var(--white2);
  color: #351e18;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  font-size: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  white-space: nowrap;
}

/* маленькие декоративные элементы по бокам заголовка */
.haupt-werb-column-header::before,
.haupt-werb-column-header::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #e0593f;
  opacity: 0.85;
}

/* Список в колонке */
.haupt-werb-list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 13px;
  color: var(--text-main);
}

.haupt-werb-list li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 16px;
}

/* «огоньки» перед пунктами */
.haupt-werb-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 12px;
  height: 12px;
  border-radius: 50%;
 
  background:
    radial-gradient(circle at center, #ffffff 0%, #ffffff 10%, #000 12%, #000 30%, transparent 56%),
    linear-gradient(#d32f2f 0 50%, #ffffff 50% 100%);

  border: 1px solid #000;
}

.haupt-werb-tag {
  display: inline-block;
  background: #6a2523;
  border-radius: 999px;
  padding: 2px 10px;
  font-size: 11px;
  margin-top: 4px;
  color: #f5d1c1;
}
.haupt-werb-deadline {
  display: inline-block;
  background: #7b2322;
  border-radius: 999px;
  padding: 2px 10px;
  font-size: 11px;
  margin-top: 3px;
  color: #f5d1c1;
}

/* ссылки */
.haupt-werb-list a {
  color: #fff;
  text-decoration: none;
}
.haupt-werb-list a:hover {
  text-decoration: underline;
}

/* адаптив */
@media (max-width: 780px) {
  .haupt-werb-card { padding: 24px 16px; }
  .haupt-werb-title { font-size: 48px; letter-spacing: 0.18em; }
  .haupt-werb-columns { grid-template-columns: 1fr; }
  .haupt-werb-column-header {
    transform: translate(-50%, -60%);
  }
}
</style>

<div class="haupt-werb-card">
  <h1 class="haupt-werb-title">RE:Pokemon</h1>

  <section class="haupt-werb-intro">
    <div class="intro-line">
      <h3>Добро пожаловать на ролевую игру по <b>фандому «Pokemon»</b>.</h3>
<h3>рейтинг игры: NC-17 || система игры: локационная</h3>
    </div>
    <p>
     
Здесь вы можете оставить свой отзыв о форуме, задать интересующий Вас вопрос, придержать внешность или акционного персонажа.<br>
Прежде всего рекомендуем ознакомиться со следующими темами <b><a href='https://repokemon.mybb.ru/viewtopic.php?id=3'>Правила</a></b>, <b><a href='https://repokemon.mybb.ru/viewtopic.php?id=2'>Вводное о мире</a></b> и <b><a href='https://repokemon.mybb.ru/viewtopic.php?id=7'>Занятые внешности</a></b>.
    </p>
  </section>

  <section class="haupt-werb-columns">
    <!-- Левая колонка -->
    <div class="haupt-werb-column">
      <div class="haupt-werb-column-header">Придержанные внешности</div>
      <ul class="haupt-werb-list">
       
      </ul>
    </div>

    <!-- Правая колонка -->
    <div class="haupt-werb-column">
      <div class="haupt-werb-column-header">Придержанные роли</div>
      <ul class="haupt-werb-list">
       
      </ul>
    </div>
  </section>
</div>
[/html]