[html]<div class="guest-container">
  <div class="guest-bg"></div>

  <div class="guest-content">

  <div class="guest-block welcome">
    <img src="https://forumstatic.ru/files/001a/2e/af/95372.gif" alt="Welcome">
    <p>
      Добро пожаловать на каноничный форум по мотивам книг Джоан Роулинг о Гарри Поттере!<br>
      Отыгрыш седьмой книги (осень 1997), игра ради игры и весёлая компания любителей сливочного пива.
    </p>
    <b>Мы не принимаем неканоничных персонажей - <u>школьников</u>. <br> Выпускники | Взрослые персонажи могут быть неканоничными. </b><br>
    <a href="https://harrypotter.fandom.com/wiki/Gryffindor">Гриффиндор</a> ·
    <a href="https://harrypotter.fandom.com/wiki/Hufflepuff">Хаффлпафф</a> ·
    <a href="https://harrypotter.fandom.com/wiki/Ravenclaw">Рейвенкло</a> ·
    <a href="https://harrypotter.fandom.com/wiki/Slytherin">Слизерин</a>
  </div>

  <div class="guest-block links">
    <p>
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=3">Список персонажей</a> ·
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=4">Занятые внешности</a> ·
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=9">Нужные персонажи</a> ·<br>
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=880">Акция «Квиддичные игроки»</a> ·
      <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2249">Мини-акция «5 причин»</a>
    </p>
    <p>
    <a href="https://drinkbutterbeer.ru/viewtopic.php?id=5085">Хочу к вам / хотим видеть</a> 
    </p>
  </div>

  <div class="guest-block holds">
    <div class="hold-columns">

      <div class="hold-section">
        <h3><b>Придержанные роли</b></h3>
        <div class="scroll-box">
          <p><center>-</center></p>
        </div>
      </div>
      <div class="hold-section">
        <h3><b>Придержанные внешности</b></h3>
        <div class="scroll-box">
          <p><center><br>
          <b>Бессрочно:</b></center>
         Adelaide Kane — за <a href="https://drinkbutterbeer.ru/profile.php?id=810">B. Bhatia</a><br>
         Ansel Elgort — за <a href="https://drinkbutterbeer.ru/profile.php?id=857">H. Pershore</a><br>
         Bae Joohyun — за <a href="https://drinkbutterbeer.ru/profile.php?id=880">E. Cadwallader</a><br>
         Danny Griffin — за <a href="https://drinkbutterbeer.ru/profile.php?id=872">N. Desford</a><br>
         Emma Mackey — за <a href="https://drinkbutterbeer.ru/profile.php?id=491">A. Tolipan</a><br>
         Freya Allan — за <a href="https://drinkbutterbeer.ru/profile.php?id=308">L. Moon</a><br>
         Harry Shum jr. — за <a href="https://drinkbutterbeer.ru/profile.php?id=895">S. Fawcett</a><br>
         Kiernan Shipka — за <a href="https://drinkbutterbeer.ru/profile.php?id=836">S. Roper</a><br>
         Lola Tung — за <a href="https://drinkbutterbeer.ru/profile.php?id=945">G. Hooper</a><br>
         Mackenzie Foy — за <a href="https://drinkbutterbeer.ru/profile.php?id=503">K. Bhatia</a><br>
         Mason Thames — за <a href="https://drinkbutterbeer.ru/profile.php?id=671">Ch. Garland</a><br>
         Meg Donnelly - — за <a href="https://drinkbutterbeer.ru/profile.php?id=1001">F. Eastchurch</a><br>
         Noah Schnapp — за <a href="https://drinkbutterbeer.ru/profile.php?id=831">G. Lady</a><br>
         Sadie Sink — за <a href="https://drinkbutterbeer.ru/profile.php?id=980">E. Tolipan</a><br>
         Sadie Soverall — за <a href="https://drinkbutterbeer.ru/profile.php?id=1012">L. Cholderton</a><br>
         Tamino — за <a href="https://drinkbutterbeer.ru/profile.php?id=938">G. Goyle</a><br>
         Tom Blyth — за <a href="https://drinkbutterbeer.ru/profile.php?id=734">W. Weholt</a><br>
          </p>
        </div>
      </div>

    </div>
  </div>

  <div class="guest-block rules">
    <p>Роли придерживаются на 4 дня, потом можно продлить ещё на 3 дня.</p>
    <p style="text-align:center">© <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1#p2">Правила</a>, раздел II</p>
  </div>

  </div>
</div>

<style>
.guest-container {
  font-family: "Segoe UI", sans-serif;
  font-size: 13px;
  line-height: 1.5;
  max-width: 900px;
  margin: auto;
  padding: 20px;
  border-radius: 12px;

/* нормальный фон */
  background:
    linear-gradient(rgba(15,15,25,0.65), rgba(15,15,25,0.85)),
    url('https://upforme.ru/uploads/000f/09/5e/1949/652464.jpg') center/cover no-repeat;
    color: #d8d8de;
}

.guest-content {
  text-align: center;
}

.guest-container .guest-block a {
  color: #70659c !important;
}

.guest-container .guest-block a:hover {
  color: #4f3e96 !important;
}

.guest-container a {
  transition: all 0.25s ease;
}

/* блоки */
.guest-block {
  border: 1px solid rgba(200,200,220,0.15);
  border-radius: 10px;
  padding: 15px;
  margin: 12px 0;
  background: rgba(30,25,45,0.3);
  backdrop-filter: blur(4px);
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

/* ссылки */
.guest-block a {
  color: #ffffff;
  text-decoration: none;
  border-bottom: 1px dotted rgba(200,200,220,0.3);
  transition: 0.3s;
}

/* колонки */
.hold-columns {
  display: flex;
  gap: 20px;
  text-align: left; /* ВАЖНО */
}

.hold-section {
  flex: 1;
}

.hold-section h3 {
  text-align: center;
  color: #ececf5;
}

/* скролл */
.scroll-box {
  max-height: 250px;
  overflow-y: auto;
  border: 1px solid rgba(200,200,220,0.15);
  border-radius: 6px;
  padding: 8px;
}

.scroll-box::-webkit-scrollbar {
  width: 6px;
}
.scroll-box::-webkit-scrollbar-thumb {
  background: rgba(200,200,220,0.3);
  border-radius: 3px;
}
</style>[/html]