[html]
<style>
/* гостевая */

guestroom {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: url(https://forumstatic.ru/files/001c/85/6d/83414.png) no-repeat bottom / 100%;
  width: auto;
  height: auto;
  padding-bottom: 18px;
  margin: 0 auto !important;
}

guestheader {
    display: block;
    width: 100%;
    height: 175px;
    top: 0px;
    position: relative;
    background: url(https://forumstatic.ru/files/001c/8a/d2/28175.webp);
    background-size: contain;
}

div#guestlinks {
  width: 718px;
  display: flex;
  justify-content: center;
  gap: 10px;
  position: absolute;
    top: 192px;
  z-index: 2;
}

div#guestlinks a {
    color: rgba(255, 255, 255, 1) !important;
    background: rgba(0, 0, 0, 1);
    padding: 5px 15px 5px !important;
    margin: -18px 0 0 0 !important;
    transition: var(--anim-hover) !important;
    font-weight: var(--fw400);
    font-family: 'RadjhaniRu';
    text-transform: uppercase;
    height: 21px;
    box-sizing: border-box;
}

div#guestlinks a:hover {
  background: rgba(255, 81, 100, 1);
  color:  black!important;
}

guestdesc {
    width: 96.6%;
    margin: 25px 0px -10px !important;
    font: var(--fw400) var(--fs14) var(--font-second-sa);
    text-transform: lowercase;
    background: rgba(23, 23, 23, 1);
    height: 87px;
    box-sizing: border-box;
    padding: 8px;
}

guestdesc div {
    overflow: auto;
    color: white;
    height: 70px;
    padding-right: 5px;
}

color: rgba(255, 255, 255, 1)
}

.blush-ams-links {
  display: flex;
  gap: 4px;
  align-items: center;
}

.blush-amt-links {
  margin-top: 15px !important;
}

.blush-amt-links p {
  background: rgba(35, 37, 40, 1);
  padding: 2px 10px !important;
  box-sizing: border-box;
  color: rgba(238, 238, 238, 1);
  font: var(--fw400) var(--fs10) var(--font-second-sa) !important;
  border-radius: var(--bradius-major);
  margin: 0 !important;
  text-transform: lowercase;
}

.blush-amt-links a {
  font: var(--fw400) var(--fs11) var(--font-second-sa) !important;
  background: rgba(35, 37, 40, 0.1);
  margin: 0 !important;
  padding: 1px 8px 2px !important;
  border-radius: var(--bradius-major);
  color: rgb(var(--text-color-secondary), 1) !important;
  transition: var(--anim-hover) !important;
  box-shadow: 0px 0px 0px 0px rgba(208, 126, 131, 0.6), 0px 2px 8px 0px rgba(255, 255, 255, 0.67) inset !important;
}

.blush-amt-links a:hover {
  background: rgb(var(--accent));
  box-shadow: 0px 6px 8px 0px rgba(208, 126, 131, 0.6), 0px 2px 8px 0px rgba(255, 255, 255, 0.67) inset !important;
}

.blush-guest-chars {
    width: 96.6%;
  display: flex;
  margin-top: 26px !important;
  gap: 5px;
}

reserved::before {
    content: attr(data-title);
    font: var(--fw400) var(--fs14) var(--font-cat-title) !important;
    padding: 4px 8px 7px 8px;
    box-sizing: border-box;
    background-color: rgba(15, 15, 15, 0.21);
    color: rgba(255, 255, 255, 1);
    display: block;
    text-transform: uppercase;
    text-align: center;
    height: 21px;
    width: 100%;
}

reserved {
    width: 533px;
    height: 169px;
    position: relative;
    padding: 10px;
    box-sizing: border-box;
    background: rgba(23, 23, 23, 0.36);
    text-transform: lowercase;
}

.gray reserved {
  background: rgb(var(--light-accent), .15);
}

reserved>div {
    width: 432px;
    height: 125px;
    margin-top: 5px;
    position: relative;
    overflow: auto;
    line-height: 130%;
    color: white;
    font-size: 14px;
    font-weight: 300;
}

d {
    position: relative;
    background: rgb(var(--light-accent), .2);
    left: 0px;
    margin: 5px 0 !important;
    width: fit-content;
    font: var(--fw400) var(--fs12) var(--font-cat-title) !important;
    padding: 6px 8px 6px 8px;
    box-sizing: border-box;
    background-color: rgba(15, 15, 15, 0.21);
    color: rgba(255, 255, 255, 1);
    display: block;
    text-transform: uppercase;
    text-align: center;
    height: 21px;
}

</style>

<guestroom>

<!----------------- ссылки навигации ----------------->
<div id='guestlinks'>

<a href='https://rwrd.rusff.me/viewtopic.php?id=3#p6'>фак</a>
<a href='#'>нужные</a>
<a href='#'>сюжет</a>
<a href='https://rwrd.rusff.me/viewtopic.php?id=6#p13'>шаблон анкеты</a>
</div >

<!----------------- хэдер ----------------->
<guestheader></guestheader>

<!----------------- описание ----------------->

<guestdesc> <div>

через пару недель на этом месте откроется форум по вселенной cyberpunk 2077 и самураи снова проснутся и пойдут сжигать этот город. на тестовике обсуждаем будущие сюжеты и приятно проводим время, а в этой теме держим роли, внешности и отвечаем на вопросы.<br>
• внешности и роли держим до открытия для тех, кто активничает минимум раз в три дня<br>
</div></guestdesc>

<!----------------- списки придержанных ----------------->

<div class='blush-guest-chars'>

<!-------- придержанные ------->
<reserved data-title='придержанные внешности'>

<div>
<d>бессрочно за амс:</d>
jonathan davis
<br><br>
<d>до открытия</d>
florence pugh - <a href='https://rwrd.rusff.me/profile.php?id=5'>low life</a> <br>
mads mikkelsen — <a href='https://rwrd.rusff.me/profile.php?id=10'>clifford price</a> <br>
greg finley - <a href='https://rwrd.rusff.me/profile.php?id=4'>Mr. Barghest</a> <br>

</div>

</reserved>

<!-------- выкупленные ------->
<reserved data-title='придержанные роли'>

<div>
<d>недоступны для игры:</d>
альт каннингем<br>
голубоглазый<br>
сабуро арасака<br>
курт хансен<br><br>
<d>можно взять после согласования с амс:</d>
Ёринобу Арасака<br>Ханако Арасака<br>Мичико Сандерсон<br>Адам Смэшер<br>Розалинд Майерс<br><br>
ви - <a href='#'>занят</a> <br>
фарида назери - <a href='https://rwrd.rusff.me/profile.php?id=5'>low life</a> <br>
имя фамилия - <a href='#'>ваш ник</a> <br>

</div>

</reserved>

</div>

</guestroom>[/html][hideprofile]
не забываем тег code

 имя фамилия - <a href='#'>ваш ник</a> <br>