[html]
<div class="guide-wrapper rules-mybb-fix">
  <div class="main-box">
    <div class="inner-box">
      <div class="content-bg">
      <div class="glass-block info">
        <div class="name-en">Thomas Novak</div>
        <div class="group">кузен</div>
        <div class="name-ru">Томаш Новак, 22</div>
      </div>
      <div class="glass-block photos">
        <div class="photo-wrap">
          <div class="photo"><img src="https://i.pinimg.com/originals/fd/f6/7f/fdf67f7a9351bd8378577e4ca6e8de4a.gif"></div>
          <div class="photo"><img src="https://i.pinimg.com/originals/ce/60/52/ce60529816734d0b6d9b562dd49e1196.gif"></div>
        </div>
        <div class="fc">fc: Steven R. McQueen</div>
      </div>
      <div class="glass-block text">
        <p>"Я снимаю мир таким, какой он есть… Иногда кажется, что я знаю, что произойдет, еще до того, как кто-то о чем-то подумает. Но это всего лишь ощущение - не какая-то магия."</p><p></p><p>- Ты из семьи эмигрировавших в Америку чехов.</p><p>- Учишься на старшем курсе колледжа, увлекаешься фотографией и работаешь для городской газеты, документируя жизнь утопающего в хаосе города.</p><p>- Очень амбициозен, любишь искать приключения на свою пятую точку, даже когда на самом деле совсем этого не хочешь. Но благодаря способности замечать то, чего не видят другие, у тебя всегда лучший материал для публикаций.</p><p>- В Брайтвинне ты мой единственный родственник, и мы неплохо общаемся. Ну как "неплохо"… можем зависнуть в баре на полночи, а потом несколько месяцев не видеться. Но ты всегда знаешь, что можешь ко мне обратиться за помощью, как и я к тебе.</p><p>- У тебя есть слабо выраженная телепатия, проявляющаяся спонтанно и ощущающаяся скорее как интуиция. Она помогает предугадывать реакцию людей перед съемкой и чувствовать скрытую атмосферу событий. Ты воспринимаешь это как обычный навык - умение вовремя поймать момент, не придавая этому сверхъестественного значения.</p><p>- Часто гуляешь по городу пешком, исследуя новые места для сюжетов и вдохновения.</p>
      </div>
<div class="glass-block dopolnitelno">
  <p><strong>Дополнительная информация:</strong> Заявка с простором для фантазии. Буду рад видеть кузена в гостях - нам, чехам, нужно держаться вместе)</p><p>Все части заявки обсуждаемы. С постами никогда не тороплю и сам бываю нетороплив. Не пропадаю, не исчезаю, умею ждать, как Хатико.</p>
</div>
      <div class="footer">flamevector</div>
    </div>
  </div>
</div>
</div>

<style>
@font-face {font-family: 'Cinzel'; src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');}
@font-face {font-family: 'Comfortaa'; src: url('https://raw.githubusercontent.com/flamevector-rusff/styles/main/comfortaa.ttf');}

.rules-mybb-fix, .rules-mybb-fix * {overflow: visible; box-sizing: border-box;}
.main-box {width: 650px; margin: 2px auto !important; background: url("https://upforme.ru/uploads/001c/a4/b9/3/943373.jpg") repeat; border-radius: 20px; padding: 5px; font-family: 'Cinzel', serif;}
.inner-box {background: #c7c7c7; border-radius: 15px; padding: 6px; display: flex; flex-direction: column; gap: 10px;}
.content-bg {background: url("https://i.pinimg.com/736x/ad/5b/64/ad5b64c9fe303dafc4c61d5783eb08ca.jpg") center/cover; border-radius: 12px;  padding: 10px;  display: flex;  flex-direction: column;  gap: 10px;}
.glass-block {background: rgba(255,255,255,0.2); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(10px); border-radius: 15px; padding: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.2);}
.info {text-align: center; background: rgba(90,0,20,0.05);}
.name-en {font-size: 28px; letter-spacing: 2px;}
.group {font-size: 14px; margin-top:5px; opacity:0.8;}
.name-ru {font-size:18px; margin-top:5px;}
.photos {text-align:center;}
.photo-wrap {display:flex; justify-content:center; gap:10px; margin-bottom:8px;}
.photo-wrap img {width:200px; height:250px; object-fit:cover; border-radius:12px; transition:0.3s;}
.photo-wrap img:hover {transform: scale(1.05);}
.fc {font-size:14px; opacity:0.8;}
.text {font-family: 'Comfortaa', sans-serif;}
.text p {font-size:18px !important; text-indent:25px;}
.dopolnitelno {font-family: 'Comfortaa', sans-serif;}
.dopolnitelno p { text-indent:25px; font-size:17px !important; line-height:1.2 !important;}
.footer {text-align:center; font-size:12px; padding:6px; border-radius:999px; background: rgba(0,0,0,0.2); color:#fff; letter-spacing:2px; display:inline-block; margin:0 auto;}
.photo {position:relative; width:200px; height:260px; border-radius:14px; overflow:hidden; box-shadow:0 10px 25px rgba(0,0,0,0.4);}
.photo img {width:100%; height:100%; object-fit:cover; filter: sepia(20%) saturate(40%) brightness(85%) contrast(1.1); transition:0.4s ease;}
.photo:hover img {transform: scale(1.08);}
.info {position:relative; overflow:hidden;}
.info::after {content:""; position:absolute; top:0; left:-150%; width:60%; height:100%; background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 40%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.25) 60%, rgba(255,255,255,0) 100%); transform: skewX(-20deg); animation: shine 6s infinite;}
@keyframes shine {0% {left:-150%;} 100% {left:150%;}}
</style>
[/html]

Подпись автора

Finn Mikaelson

Esmond

Chloe Simmons

МЫ ИЩЕМ ТЕБЯ

[html]
<div class="guide-wrapper rules-mybb-fix">
  <div class="main-box">
    <div class="inner-box">
      <div class="content-bg">
      <div class="glass-block info">
        <div class="name-en">Anthony Brown</div>
        <div class="group">бывший коллега/друг</div>
        <div class="name-ru">Тони Браун, 32-38</div>
      </div>
      <div class="glass-block photos">
        <div class="photo-wrap">
          <div class="photo"><img src="https://i.pinimg.com/originals/0a/07/e3/0a07e37a1e24e0e14f5043c55bd7a29e.gif"></div>
          <div class="photo"><img src="https://i.pinimg.com/originals/f3/a9/1b/f3a91bd01c54c7c11c30877c4295c6fc.gif"></div>
        </div>
        <div class="fc">fc: Eric Winter</div>
      </div>
      <div class="glass-block text">
        <p>Ты всегда был человеком системы — не просто носил значок, а действительно верил в него. В правила, в порядок, в то, что зло можно остановить, если действовать правильно и не отступать. Когда всё начало рушиться и привычный мир дал трещину, ты остался. Упрямо, почти принципиально, словно пытался удержать то, что уже невозможно было спасти.</p><p>Вирус сломал многих. Возможно, он сломал и тебя тоже — просто ты так и не признал этого. Я сдался, а ты нет. Или выбрал другой способ справляться, в котором можно продолжать делать вид, что система ещё существует и порядок всё ещё можно восстановить.</p><p>Ты всегда был таким: собранным, принципиальным, с жёстким внутренним кодексом. Человеком, на которого можно положиться без лишних вопросов. Лучшим напарником и самым надёжным другом. Ты умел держать эмоции под контролем, умел молчать, когда слова были лишними, и именно поэтому рядом с тобой всегда было спокойнее, даже в самые паршивые дни.</p><p>Мы делили слишком многое, чтобы это можно было просто вычеркнуть. Один участок, один кабинет, бесконечные смены, дешёвый кофе и выезды, где всё решалось за секунды. И то доверие, которое не нужно было подтверждать словами. Мы давно вышли за рамки работы, потому что твоя сестра стала моей женой, а ты — частью моей семьи. У нас с Люси должен был появиться ребёнок, и тогда казалось, что впереди ещё есть что-то нормальное, за что стоит держаться.</p><p>Но этого не случилось.</p><p>Всё закончилось слишком быстро: болезнь, чешуя, огонь и пожар, после которого осталась только пустота. Я потерял жену и ребёнка. Ты — сестру и того, кто мог бы называть тебя дядей. И вместе с этим мы, кажется, потеряли и друг друга, даже если так и не смогли сказать это вслух.</p><p>Я не справился. Не так, как должен был. Я не смог дальше сидеть в кабинете и делать вид, что всё под контролем. Не смог продолжать верить в порядок, которого больше не существовало. Вирус стал единственным, что имело значение, и с этим нужно было что-то делать — здесь и сейчас, а не по протоколу, который уже никого не спасал. Поэтому я ушёл, выбрав путь, который хотя бы давал ощущение, что я ещё могу что-то изменить.</p><p>Ты остался. И в этом весь ты. Ты всегда остаёшься там, где есть правила, даже если они больше ничего не значат.</p><p>Теперь между нами — не просто напряжение. Это тишина, в которой слишком много несказанного. Слишком много вины, которую никто из нас не озвучивает. Ты не обвиняешь меня напрямую, но и простить не можешь — я это вижу.</p>
      </div>
<div class="glass-block dopolnitelno">
  <p><strong>Дополнительная информация:</strong> Все обсуждаемо и изменяемо. Игрок я не быстрый, но достаточно идейный. Не пропадаю без предупреждения, почти всегда по возможности на связи. Пишу по-разному, могу подстраиваться под соигрока.</p>
</div>
      <div class="footer">flamevector</div>
    </div>
  </div>
</div>
</div>

<style>
@font-face {font-family: 'Cinzel'; src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');}
@font-face {font-family: 'Comfortaa'; src: url('https://raw.githubusercontent.com/flamevector-rusff/styles/main/comfortaa.ttf');}

.rules-mybb-fix, .rules-mybb-fix * {overflow: visible; box-sizing: border-box;}
.main-box {width: 650px; margin: 2px auto !important; background: url("https://upforme.ru/uploads/001c/a4/b9/3/943373.jpg") repeat; border-radius: 20px; padding: 5px; font-family: 'Cinzel', serif;}
.inner-box {background: #c7c7c7; border-radius: 15px; padding: 6px; display: flex; flex-direction: column; gap: 10px;}
.content-bg {background: url("https://i.pinimg.com/736x/ad/5b/64/ad5b64c9fe303dafc4c61d5783eb08ca.jpg") center/cover; border-radius: 12px;  padding: 10px;  display: flex;  flex-direction: column;  gap: 10px;}
.glass-block {background: rgba(255,255,255,0.2); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(10px); border-radius: 15px; padding: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.2);}
.info {text-align: center; background: rgba(90,0,20,0.05);}
.name-en {font-size: 28px; letter-spacing: 2px;}
.group {font-size: 14px; margin-top:5px; opacity:0.8;}
.name-ru {font-size:18px; margin-top:5px;}
.photos {text-align:center;}
.photo-wrap {display:flex; justify-content:center; gap:10px; margin-bottom:8px;}
.photo-wrap img {width:200px; height:250px; object-fit:cover; border-radius:12px; transition:0.3s;}
.photo-wrap img:hover {transform: scale(1.05);}
.fc {font-size:14px; opacity:0.8;}
.text {font-family: 'Comfortaa', sans-serif;}
.text p {font-size:18px !important; text-indent:25px;}
.dopolnitelno {font-family: 'Comfortaa', sans-serif;}
.dopolnitelno p {font-size:17px !important; line-height:1.2 !important;}
.footer {text-align:center; font-size:12px; padding:6px; border-radius:999px; background: rgba(0,0,0,0.2); color:#fff; letter-spacing:2px; display:inline-block; margin:0 auto;}
.photo {position:relative; width:200px; height:260px; border-radius:14px; overflow:hidden; box-shadow:0 10px 25px rgba(0,0,0,0.4);}
.photo img {width:100%; height:100%; object-fit:cover; filter: sepia(20%) saturate(40%) brightness(85%) contrast(1.1); transition:0.4s ease;}
.photo:hover img {transform: scale(1.08);}
.info {position:relative; overflow:hidden;}
.info::after {content:""; position:absolute; top:0; left:-150%; width:60%; height:100%; background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 40%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.25) 60%, rgba(255,255,255,0) 100%); transform: skewX(-20deg); animation: shine 6s infinite;}
@keyframes shine {0% {left:-150%;} 100% {left:150%;}}
</style>
[/html]

Подпись автора

Finn Mikaelson

Esmond

Chloe Simmons

МЫ ИЩЕМ ТЕБЯ

[html]
<div class="guide-wrapper rules-mybb-fix">
  <div class="main-box">
    <div class="inner-box">
      <div class="content-bg">
      <div class="glass-block info">
        <div class="name-en">Moira Grey</div>
        <div class="group">мать трех балбесов</div>
        <div class="name-ru">Мойра Грей, 40+</div>
      </div>
      <div class="glass-block photos">
        <div class="photo-wrap">
          <div class="photo"><img src="https://64.media.tumblr.com/1d2bd91beff8c161248caafa8127b0d3/tumblr_inline_o19105lvUw1rifr4k_500.gif"></div>
          <div class="photo"><img src="https://64.media.tumblr.com/abac13d2e7e99448ab9ef0a127e7ee35/tumblr_inline_o18z61FGtp1rifr4k_250.gifv"></div>
        </div>
        <div class="fc">fc: Leah Pipes</div>
      </div>
      <div class="glass-block text">
        <p>- ты то единственное связующее звено, на котором держится наша слишком разношёрстная семья;</p><p>- одному богу известно, как ты смогла утихомирить пыл местами безэмоционального, местами жестокого отца, да ещё и родить от него талантливых детей. ну, талант у нас точно от тебя, потому что ты - известная художница, чьи картины заполняют многочисленные выставки и кого постоянно ставят в пример начинающим художникам;</p><p>- твои старшие сыновья-близнецы - лёд и пламя: один, Джейк, пошёл характером в мать, другой, Блейк - в отца, но как будто удвоив зачатки его жестокости. И тем не менее, в семьи ты умудряешься гасить любое проявление его характера на корню, а это порой спасает от преступления, в шаге от которого чаще всего бывает Блейк. Как бы он ни пытался нас запугать, у него не получается сделать это с тобой. наверное, причина в любви, которую он просто проявляет не так, как мы. ты не боишься его, не считаешь изъяном, ты - его мать, которая примет своего сына таким, какой он есть, поможет не перейти черту. близнецы такие же талантливые, как и ты;</p><p>- твой младший сын, то есть я, абсолютная бездарность, для которой ты помогла построить отдельную мастерскую - пристройку к дому, чтобы я не стеснялся пробовать себя в искусстве и не боялся, что кому-то оно не понравится. мне постоянно ставят тебя в пример, удивляясь, какой у такой талантливой художницы мог родиться такой неталантливый сын, но ты всё равно поддерживаешь меня. ты не видела ни одной моей картины, потому что мне стыдно их показывать, но понимающе ждёшь, когда я сделаю шаг навстречу;</p><p>- я бы рад сказать, что ты ведёшь мирную жизнь, сидя дома, но это вообще не так. глядя на то, что творится в мире, ты решаешь, что самое время побыть матерью Терезой, поэтому мало-помалу помогаешь в местных карантинных блоках. пока ты занята делом, семья начинает распадаться и влипать в неприятности. а что будет, если ты заразишься?</p>
      </div>
<div class="glass-block dopolnitelno">
  <p><strong>Дополнительная информация:</strong> я вообще очень давно шёл до этой заявки, просто не мог выбрать внешку, так то если захотите сменить, я вообще не против. мне бы хотелось оставить предысторию такой, какая она есть, а вот об изменениях в настоящем можем поговорить, потому что мне бы, наверное, не хотелось видеть маму домоседкой. я в целом активный игрок, но не спидпостер, не тычу палкой в ожидании поста, не намекаю, не обижаюсь, если вдруг пост отдан "вне очереди". я бы очень хотел взаимосвязь с матерью, потому что персонаж попал в непростую ситуацию, и ему как никогда важна поддержка семьи. но я не против стекла, только за. в общем, всё обсуждаемо!</p>
</div>
      <div class="footer">flamevector</div>
    </div>
  </div>
</div>
</div>

<style>
@font-face {font-family: 'Cinzel'; src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');}
@font-face {font-family: 'Comfortaa'; src: url('https://raw.githubusercontent.com/flamevector-rusff/styles/main/comfortaa.ttf');}

.rules-mybb-fix, .rules-mybb-fix * {overflow: visible; box-sizing: border-box;}
.main-box {width: 650px; margin: 2px auto !important; background: url("https://upforme.ru/uploads/001c/a4/b9/3/943373.jpg") repeat; border-radius: 20px; padding: 5px; font-family: 'Cinzel', serif;}
.inner-box {background: #c7c7c7; border-radius: 15px; padding: 6px; display: flex; flex-direction: column; gap: 10px;}
.content-bg {background: url("https://i.pinimg.com/736x/ad/5b/64/ad5b64c9fe303dafc4c61d5783eb08ca.jpg") center/cover; border-radius: 12px;  padding: 10px;  display: flex;  flex-direction: column;  gap: 10px;}
.glass-block {background: rgba(255,255,255,0.2); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(10px); border-radius: 15px; padding: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.2);}
.info {text-align: center; background: rgba(90,0,20,0.05);}
.name-en {font-size: 28px; letter-spacing: 2px;}
.group {font-size: 14px; margin-top:5px; opacity:0.8;}
.name-ru {font-size:18px; margin-top:5px;}
.photos {text-align:center;}
.photo-wrap {display:flex; justify-content:center; gap:10px; margin-bottom:8px;}
.photo-wrap img {width:200px; height:250px; object-fit:cover; border-radius:12px; transition:0.3s;}
.photo-wrap img:hover {transform: scale(1.05);}
.fc {font-size:14px; opacity:0.8;}
.text {font-family: 'Comfortaa', sans-serif;}
.text p {font-size:18px !important; text-indent:25px;}
.dopolnitelno {font-family: 'Comfortaa', sans-serif;}
.dopolnitelno p {font-size:17px !important; line-height:1.2 !important;}
.footer {text-align:center; font-size:12px; padding:6px; border-radius:999px; background: rgba(0,0,0,0.2); color:#fff; letter-spacing:2px; display:inline-block; margin:0 auto;}
.photo {position:relative; width:200px; height:260px; border-radius:14px; overflow:hidden; box-shadow:0 10px 25px rgba(0,0,0,0.4);}
.photo img {width:100%; height:100%; object-fit:cover; filter: sepia(20%) saturate(40%) brightness(85%) contrast(1.1); transition:0.4s ease;}
.photo:hover img {transform: scale(1.08);}
.info {position:relative; overflow:hidden;}
.info::after {content:""; position:absolute; top:0; left:-150%; width:60%; height:100%; background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 40%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.25) 60%, rgba(255,255,255,0) 100%); transform: skewX(-20deg); animation: shine 6s infinite;}
@keyframes shine {0% {left:-150%;} 100% {left:150%;}}
</style>
[/html]

Подпись автора

Finn Mikaelson

Esmond

Chloe Simmons

МЫ ИЩЕМ ТЕБЯ

[html]
<div class="guide-wrapper rules-mybb-fix">
  <div class="main-box">
    <div class="inner-box">
      <div class="content-bg">
      <div class="glass-block info">
        <div class="name-en">Wesley Powell </div>
        <div class="group">друг, коллега</div>
        <div class="name-ru">Уэсли Пауэлл, 36</div>
      </div>
      <div class="glass-block photos">
        <div class="photo-wrap">
          <div class="photo"><img src="https://64.media.tumblr.com/648fdfd99b823005b68b8a90ec6d2fd1/tumblr_inline_o5d07bo3PH1rifr4k_250.gifv"></div>
          <div class="photo"><img src="https://64.media.tumblr.com/02fda48d3e56e4e592adcac0cd90c046/tumblr_inline_o5d0gbx4Rz1rifr4k_500.gif"></div>
        </div>
        <div class="fc">fc: Bradley Cooper</div>
      </div>
      <div class="glass-block text">
        <p>- мы начали работать в институте почти одновременно, только я стал главой службы безопасности, а ты - руководителем службы поиска гостей;</p><p>- несмотря на необходимую жестокость и жёсткость, вне работы мы хорошие друзья, интересные собеседники и чуть ли не примерные соседи;</p><p>- в какой-то момент ты начал сомневаться в том, на своём ли месте находишься. стал совершать необдуманные поступки, из-за которых под угрозой оказались сразу несколько операций. Мне чудом удалось встряхнуть тебя и помочь довести начатое до конца, чтобы никто в институте не узнал о твоих косяках;</p><p>- сейчас ты на развилке и всё ещё сомневаешься в правильности поступков, прекрасно понимая, что живым из этой системы тебе не уйти.</p>
      </div>
<div class="glass-block dopolnitelno">
  <p><strong>Дополнительная информация:</strong> Откровенно, мне бы хотелось пожрать стекла, потому что Александр свято уверен в том, что делает, и сомнения со стороны его лучшего друга - это, как минимум, вынужденные сомнения и с его стороны тоже. Он никогда не хотел бы оказаться перед выбором: дружба или институт, так что если сюжетно мы к этому придём, это будет очень даже интересно.</p><p>К постам нетребователен, не тыкаю в ошибки, личного общения вне ролевой не требую, но сам к нему открыт, особенно если это касается каких-то обсуждений и идей. Терпим и адекватен и хотел бы того же по отношению к себе. Если для вас крайне важно ежедневное общение во флуде, мы не сработаемся - я не очень социально активен. Во всём остальном, думаю, договоримся</p>
</div>
      <div class="footer">flamevector</div>
    </div>
  </div>
</div>
</div>

<style>
@font-face {font-family: 'Cinzel'; src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');}
@font-face {font-family: 'Comfortaa'; src: url('https://raw.githubusercontent.com/flamevector-rusff/styles/main/comfortaa.ttf');}

.rules-mybb-fix, .rules-mybb-fix * {overflow: visible; box-sizing: border-box;}
.main-box {width: 650px; margin: 2px auto !important; background: url("https://upforme.ru/uploads/001c/a4/b9/3/943373.jpg") repeat; border-radius: 20px; padding: 5px; font-family: 'Cinzel', serif;}
.inner-box {background: #c7c7c7; border-radius: 15px; padding: 6px; display: flex; flex-direction: column; gap: 10px;}
.content-bg {background: url("https://i.pinimg.com/736x/ad/5b/64/ad5b64c9fe303dafc4c61d5783eb08ca.jpg") center/cover; border-radius: 12px;  padding: 10px;  display: flex;  flex-direction: column;  gap: 10px;}
.glass-block {background: rgba(255,255,255,0.2); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(10px); border-radius: 15px; padding: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.2);}
.info {text-align: center; background: rgba(90,0,20,0.05);}
.name-en {font-size: 28px; letter-spacing: 2px;}
.group {font-size: 14px; margin-top:5px; opacity:0.8;}
.name-ru {font-size:18px; margin-top:5px;}
.photos {text-align:center;}
.photo-wrap {display:flex; justify-content:center; gap:10px; margin-bottom:8px;}
.photo-wrap img {width:200px; height:250px; object-fit:cover; border-radius:12px; transition:0.3s;}
.photo-wrap img:hover {transform: scale(1.05);}
.fc {font-size:14px; opacity:0.8;}
.text {font-family: 'Comfortaa', sans-serif;}
.text p {font-size:18px !important; text-indent:25px;}
.dopolnitelno {font-family: 'Comfortaa', sans-serif;}
.dopolnitelno p { text-indent:25px; font-size:17px !important; line-height:1.2 !important;}
.footer {text-align:center; font-size:12px; padding:6px; border-radius:999px; background: rgba(0,0,0,0.2); color:#fff; letter-spacing:2px; display:inline-block; margin:0 auto;}
.photo {position:relative; width:200px; height:260px; border-radius:14px; overflow:hidden; box-shadow:0 10px 25px rgba(0,0,0,0.4);}
.photo img {width:100%; height:100%; object-fit:cover; filter: sepia(20%) saturate(40%) brightness(85%) contrast(1.1); transition:0.4s ease;}
.photo:hover img {transform: scale(1.08);}
.info {position:relative; overflow:hidden;}
.info::after {content:""; position:absolute; top:0; left:-150%; width:60%; height:100%; background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 40%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.25) 60%, rgba(255,255,255,0) 100%); transform: skewX(-20deg); animation: shine 6s infinite;}
@keyframes shine {0% {left:-150%;} 100% {left:150%;}}
</style>
[/html]

Подпись автора

Finn Mikaelson

Esmond

Chloe Simmons

МЫ ИЩЕМ ТЕБЯ

[html]
<div class="guide-wrapper rules-mybb-fix">
  <div class="main-box">
    <div class="inner-box">
      <div class="content-bg">
      <div class="glass-block info">
        <div class="name-en">Axel Collins</div>
        <div class="group">друг, нянька</div>
        <div class="name-ru">Аксель Коллинс, 17</div>
      </div>
      <div class="glass-block photos">
        <div class="photo-wrap">
          <div class="photo"><img src="https://i.pinimg.com/originals/50/f1/3d/50f13d1981915962320bb3ebf4ed22c9.gif"></div>
          <div class="photo"><img src="https://i.pinimg.com/originals/c8/2d/1a/c82d1ad96cdbf94b632d9c6c0e8431e5.gif"></div>
        </div>
        <div class="fc">fc: Thomas Brodie-Sangster</div>
      </div>
      <div class="glass-block text">
        <p>Постоянные настороженность и недосып не могли не оставить следы на его лице: тёмные круги под глазами, упрямо сжатые губы. Движения точные, как у хищника, привыкшего к опасности. Взгляд цепкий, изучающий, но в присутствии Ника смягчается, становится почти нежным. Этот десятилетний мальчик стал для него единственным якорем. Аксель циничен и не верит в сказки о счастливом будущем, но ради Ника готов скрывать своё неверие под мягкой улыбкой.</p><p>В Акселе парадоксальным образом уживаются жёсткость и безграничное терпение. С другими он может быть резким и колким, но с Ником – самый заботливый человек на свете. Он научился читать по губам так, словно это его родной язык, и понимает мальчика без слов.</p><p>Он знает все безопасные маршруты, умеет добывать еду и информацию, не строит иллюзий о победе над вирусом – просто пытается выжить сегодня, чтобы пережить завтра. Это связь не просто друзей, а симбиоз. Аксель – руки и голос Ника во внешнем мире. Ник – его совесть и причина жить. </p><p></p>
      </div>
<div class="glass-block dopolnitelno">
  <p><strong>Дополнительная информация:</strong> Я хотел бы видеть того, кто действительно готов быть едва ли не старшим братом для Ника, даже при том, что у него есть старшая сестра. Мальчики - это всё-таки мальчики. Если у вас есть пожелания/своё виденье персонажа, я всегда открыт к диалогу</p>
</div>
      <div class="footer">flamevector</div>
    </div>
  </div>
</div>
</div>

<style>
@font-face {font-family: 'Cinzel'; src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');}
@font-face {font-family: 'Comfortaa'; src: url('https://raw.githubusercontent.com/flamevector-rusff/styles/main/comfortaa.ttf');}

.rules-mybb-fix, .rules-mybb-fix * {overflow: visible; box-sizing: border-box;}
.main-box {width: 650px; margin: 2px auto !important; background: url("https://upforme.ru/uploads/001c/a4/b9/3/943373.jpg") repeat; border-radius: 20px; padding: 5px; font-family: 'Cinzel', serif;}
.inner-box {background: #c7c7c7; border-radius: 15px; padding: 6px; display: flex; flex-direction: column; gap: 10px;}
.content-bg {background: url("https://i.pinimg.com/736x/ad/5b/64/ad5b64c9fe303dafc4c61d5783eb08ca.jpg") center/cover; border-radius: 12px;  padding: 10px;  display: flex;  flex-direction: column;  gap: 10px;}
.glass-block {background: rgba(255,255,255,0.2); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(10px); border-radius: 15px; padding: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.2);}
.info {text-align: center; background: rgba(90,0,20,0.05);}
.name-en {font-size: 28px; letter-spacing: 2px;}
.group {font-size: 14px; margin-top:5px; opacity:0.8;}
.name-ru {font-size:18px; margin-top:5px;}
.photos {text-align:center;}
.photo-wrap {display:flex; justify-content:center; gap:10px; margin-bottom:8px;}
.photo-wrap img {width:200px; height:250px; object-fit:cover; border-radius:12px; transition:0.3s;}
.photo-wrap img:hover {transform: scale(1.05);}
.fc {font-size:14px; opacity:0.8;}
.text {font-family: 'Comfortaa', sans-serif;}
.text p {font-size:18px !important; text-indent:25px;}
.dopolnitelno {font-family: 'Comfortaa', sans-serif;}
.dopolnitelno p { text-indent:25px; font-size:17px !important; line-height:1.2 !important;}
.footer {text-align:center; font-size:12px; padding:6px; border-radius:999px; background: rgba(0,0,0,0.2); color:#fff; letter-spacing:2px; display:inline-block; margin:0 auto;}
.photo {position:relative; width:200px; height:260px; border-radius:14px; overflow:hidden; box-shadow:0 10px 25px rgba(0,0,0,0.4);}
.photo img {width:100%; height:100%; object-fit:cover; filter: sepia(20%) saturate(40%) brightness(85%) contrast(1.1); transition:0.4s ease;}
.photo:hover img {transform: scale(1.08);}
.info {position:relative; overflow:hidden;}
.info::after {content:""; position:absolute; top:0; left:-150%; width:60%; height:100%; background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 40%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.25) 60%, rgba(255,255,255,0) 100%); transform: skewX(-20deg); animation: shine 6s infinite;}
@keyframes shine {0% {left:-150%;} 100% {left:150%;}}
</style>
[/html]

Подпись автора

Finn Mikaelson

Esmond

Chloe Simmons

МЫ ИЩЕМ ТЕБЯ

[html]
<div class="guide-wrapper rules-mybb-fix">
  <div class="main-box">
    <div class="inner-box">
      <div class="content-bg">
      <div class="glass-block info">
        <div class="name-en">Violet Holmes</div>
        <div class="group">старшая сестра</div>
        <div class="name-ru">Вайолет Холмс, 20</div>
      </div>
      <div class="glass-block photos">
        <div class="photo-wrap">
          <div class="photo"><img src="https://i.pinimg.com/originals/63/7f/2c/637f2cbc8467fb6013b91ebd1d1f4567.gif"></div>
          <div class="photo"><img src="https://i.pinimg.com/originals/0b/2e/4f/0b2e4fb1fb4cab933c5a0682d8ef01f6.gif"></div>
        </div>
        <div class="fc">fc: madelyn cline</div>
      </div>
      <div class="glass-block text">
        <p>Моя красивая, нежная и такая же безбашенная сестрёнка! Я считаю, что нашему папе-декану обязательно нужна ещё одна проблема на его пока-не-седую голову. Когда две занозы родились с разницей всего в 2 года, мне кажется, это можно было сразу считать концом спокойной жизни родителей. </p><p>Проблемы - твоё второе имя, а первое - ходячая катастрофа. Я равняюсь на себя и пытаюсь быть похожей во всём: манере одеваться, манере говорить (из-за чего ты часто бесишься) и, конечно, характере. </p><p>По отдельности мы как огонь и вода, но когда оказываемся в одном месте, из нас получается неплохая водородная бомба. Приходи, будем творить бесчинства!</p>
      </div>
<div class="glass-block dopolnitelno">
  <p><strong>Дополнительная информация:</strong> Сестринская любовь и поддержка - да, спокойные семейные взаимоотношения и скучные семейные вечера - нет. Хочется вместе вляпаться во что-нибудь, где будем огребать от жизни. Буду рада любым предложениям на этот счёт, и сама в долгу за идеями не останусь!</p>
</div>
      <div class="footer">flamevector</div>
    </div>
  </div>
</div>
</div>

<style>
@font-face {font-family: 'Cinzel'; src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');}
@font-face {font-family: 'Comfortaa'; src: url('https://raw.githubusercontent.com/flamevector-rusff/styles/main/comfortaa.ttf');}

.rules-mybb-fix, .rules-mybb-fix * {overflow: visible; box-sizing: border-box;}
.main-box {width: 650px; margin: 2px auto !important; background: url("https://upforme.ru/uploads/001c/a4/b9/3/943373.jpg") repeat; border-radius: 20px; padding: 5px; font-family: 'Cinzel', serif;}
.inner-box {background: #c7c7c7; border-radius: 15px; padding: 6px; display: flex; flex-direction: column; gap: 10px;}
.content-bg {background: url("https://i.pinimg.com/736x/ad/5b/64/ad5b64c9fe303dafc4c61d5783eb08ca.jpg") center/cover; border-radius: 12px;  padding: 10px;  display: flex;  flex-direction: column;  gap: 10px;}
.glass-block {background: rgba(255,255,255,0.2); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(10px); border-radius: 15px; padding: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.2);}
.info {text-align: center; background: rgba(90,0,20,0.05);}
.name-en {font-size: 28px; letter-spacing: 2px;}
.group {font-size: 14px; margin-top:5px; opacity:0.8;}
.name-ru {font-size:18px; margin-top:5px;}
.photos {text-align:center;}
.photo-wrap {display:flex; justify-content:center; gap:10px; margin-bottom:8px;}
.photo-wrap img {width:200px; height:250px; object-fit:cover; border-radius:12px; transition:0.3s;}
.photo-wrap img:hover {transform: scale(1.05);}
.fc {font-size:14px; opacity:0.8;}
.text {font-family: 'Comfortaa', sans-serif;}
.text p {font-size:18px !important; text-indent:25px;}
.dopolnitelno {font-family: 'Comfortaa', sans-serif;}
.dopolnitelno p { text-indent:25px; font-size:17px !important; line-height:1.2 !important;}
.footer {text-align:center; font-size:12px; padding:6px; border-radius:999px; background: rgba(0,0,0,0.2); color:#fff; letter-spacing:2px; display:inline-block; margin:0 auto;}
.photo {position:relative; width:200px; height:260px; border-radius:14px; overflow:hidden; box-shadow:0 10px 25px rgba(0,0,0,0.4);}
.photo img {width:100%; height:100%; object-fit:cover; filter: sepia(20%) saturate(40%) brightness(85%) contrast(1.1); transition:0.4s ease;}
.photo:hover img {transform: scale(1.08);}
.info {position:relative; overflow:hidden;}
.info::after {content:""; position:absolute; top:0; left:-150%; width:60%; height:100%; background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 40%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.25) 60%, rgba(255,255,255,0) 100%); transform: skewX(-20deg); animation: shine 6s infinite;}
@keyframes shine {0% {left:-150%;} 100% {left:150%;}}
</style>
[/html]

Подпись автора

Finn Mikaelson

Esmond

Chloe Simmons

МЫ ИЩЕМ ТЕБЯ

[html]
<div class="guide-wrapper rules-mybb-fix">
  <div class="main-box">
    <div class="inner-box">
      <div class="content-bg">
      <div class="glass-block info">
        <div class="name-en">Claire Vance</div>
        <div class="group">старшая сестра</div>
        <div class="name-ru">Клэр Венс, 40</div>
      </div>
      <div class="glass-block photos">
        <div class="photo-wrap">
          <div class="photo"><img src="https://i.pinimg.com/originals/63/30/12/6330126c456ef7eec6d6774c1ada51d4.gif"></div>
          <div class="photo"><img src="https://i.pinimg.com/originals/ec/24/0d/ec240de4cf0b75b845b6e7cb0ace938e.gif"></div>
        </div>
        <div class="fc">fc: jennifer morrison</div>
      </div>
      <div class="glass-block text">
        <p>худшее в жизни любого человека - это когда его предаёт самый близкий. ты предала меня. тогда, когда я меньше всего этого ждал. не было ни улик, ни свидетелей, но ты вынудила меня гнить в тюрьме, даже не дождавшись, когда я свалю из города. на следующий день после совершенного мной тройного убийства ты пришла в полицию и выложила всё, что знала. почему? единственный вопрос, с которым я смотрел на тебя в зале суда.</p><p>почему ты сделала это? почему сдала брата, которого сама же вырастила, когда родители занимались своими делами? ты не останавливала меня от убийства. тогда почему всё рассказала копам?</p><p>жизнь - забавная штука. наверное, ты и не подозревала, что когда-нибудь я выйду из тюрьмы. это когда-нибудь случилось через 10 лет, за которые я изменился. теперь меня не интересует, почему ты это сделала. меня интересует, кто тебя надоумил. </p><p>я иду за тобой, сестрёнка.</p><p>и ты ответишь на все мои вопросы.</p>
      </div>
<div class="glass-block dopolnitelno">
  <p><strong>Дополнительная информация:</strong> сразу скажу, что убийства сестры не планируется. Рой, несмотря на ненависть и обиду, всё ещё любит Клэр, хоть и пытается это скрывать. я оставил в заявке большое поле для ваших собственных идей: как, почему, из-за кого - это всё, что вы вольны придумать сами. если решите, что сдали брата из-за кого-то - отлично, если решите, что это внутренняя мотивация Клэр - тоже хорошо. я абсолютно адекватен по части внесения изменений в био, внешность и даже имя. в общем, сестрёнку очень жду, так что готов на любые компромиссы</p>
</div>
      <div class="footer">flamevector</div>
    </div>
  </div>
</div>
</div>

<style>
@font-face {font-family: 'Cinzel'; src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');}
@font-face {font-family: 'Comfortaa'; src: url('https://raw.githubusercontent.com/flamevector-rusff/styles/main/comfortaa.ttf');}

.rules-mybb-fix, .rules-mybb-fix * {overflow: visible; box-sizing: border-box;}
.main-box {width: 650px; margin: 2px auto !important; background: url("https://upforme.ru/uploads/001c/a4/b9/3/943373.jpg") repeat; border-radius: 20px; padding: 5px; font-family: 'Cinzel', serif;}
.inner-box {background: #c7c7c7; border-radius: 15px; padding: 6px; display: flex; flex-direction: column; gap: 10px;}
.content-bg {background: url("https://i.pinimg.com/736x/ad/5b/64/ad5b64c9fe303dafc4c61d5783eb08ca.jpg") center/cover; border-radius: 12px;  padding: 10px;  display: flex;  flex-direction: column;  gap: 10px;}
.glass-block {background: rgba(255,255,255,0.2); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(10px); border-radius: 15px; padding: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.2);}
.info {text-align: center; background: rgba(90,0,20,0.05);}
.name-en {font-size: 28px; letter-spacing: 2px;}
.group {font-size: 14px; margin-top:5px; opacity:0.8;}
.name-ru {font-size:18px; margin-top:5px;}
.photos {text-align:center;}
.photo-wrap {display:flex; justify-content:center; gap:10px; margin-bottom:8px;}
.photo-wrap img {width:200px; height:250px; object-fit:cover; border-radius:12px; transition:0.3s;}
.photo-wrap img:hover {transform: scale(1.05);}
.fc {font-size:14px; opacity:0.8;}
.text {font-family: 'Comfortaa', sans-serif;}
.text p {font-size:18px !important; text-indent:25px;}
.dopolnitelno {font-family: 'Comfortaa', sans-serif;}
.dopolnitelno p { text-indent:25px; font-size:17px !important; line-height:1.2 !important;}
.footer {text-align:center; font-size:12px; padding:6px; border-radius:999px; background: rgba(0,0,0,0.2); color:#fff; letter-spacing:2px; display:inline-block; margin:0 auto;}
.photo {position:relative; width:200px; height:260px; border-radius:14px; overflow:hidden; box-shadow:0 10px 25px rgba(0,0,0,0.4);}
.photo img {width:100%; height:100%; object-fit:cover; filter: sepia(20%) saturate(40%) brightness(85%) contrast(1.1); transition:0.4s ease;}
.photo:hover img {transform: scale(1.08);}
.info {position:relative; overflow:hidden;}
.info::after {content:""; position:absolute; top:0; left:-150%; width:60%; height:100%; background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 40%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.25) 60%, rgba(255,255,255,0) 100%); transform: skewX(-20deg); animation: shine 6s infinite;}
@keyframes shine {0% {left:-150%;} 100% {left:150%;}}
</style>
[/html]

Подпись автора

Finn Mikaelson

Esmond

Chloe Simmons

МЫ ИЩЕМ ТЕБЯ

[html]
<div class="guide-wrapper rules-mybb-fix">
  <div class="main-box">
    <div class="inner-box">
      <div class="content-bg">
      <div class="glass-block info">
        <div class="name-en">Tamsin Holms </div>
        <div class="group">мама</div>
        <div class="name-ru">Тэмсин Холмс, 38</div>
      </div>
      <div class="glass-block photos">
        <div class="photo-wrap">
          <div class="photo"><img src="https://i.pinimg.com/originals/08/31/af/0831aff2de2638e0804c1278b91f2ecf.gif"></div>
          <div class="photo"><img src="https://i.pinimg.com/originals/aa/9f/47/aa9f47ac9d730d6939a0cbec93e5e2fa.gif"></div>
        </div>
        <div class="fc">fc: Blake Lively</div>
      </div>
      <div class="glass-block text">
        <p>У неё всегда безупречная укладка, а под её старой, но качественной кожаной курткой — чистая кашемировая водолазка. Она двигается с выверенной грацией человека, который привык контролировать каждое своё действие. В её руках старые инструменты архитектора соседствуют с ножом или пистолетом. Она — воплощение того, как цивилизованность борется с дикостью, а красота - с силой. Раньше Тэмсин строила только дома, теперь она строит ещё и безопасность. Её разум работает схемами и чертежами. Тэмсин в постоянном поиске места, где её семья всегда будет в безопасности.</p><p>Однако мисс Холмс знает то, чего не знает её муж. Несколько недель назад она видела кое-что важное. Она видела заражённых. Это не просто люди, которые сгорели. Это те, кто научился контролировать горение. Они не вспыхивают пламенем, а медленно тлеют изнутри. Они стали чем-то средним между человеком и големом из пепла. И они организованы.</p><p>Тэмсин хранит этот секрет от семьи, потому что боится паники.</p>
      </div>
<div class="glass-block dopolnitelno">
  <p><strong>Дополнительная информация:</strong> внешность выбрана не случайно: я вижу Тэмсин женщиной, которая является не просто хранительницей домашнего очага, а той самой, которая и "коня на скаку остановит", и ну вы поняли. хочу, чтобы семья вляпалась во что-то опасное из-за тайны, которую Тэмсин хранит от семьи. почему она так делает? зачем продолжает следить за этими людьми? как её до сих пор не поймали? вопросы, на которые, надеюсь, мы с вами сможем ответить. приходите!</p>
</div>
      <div class="footer">flamevector</div>
    </div>
  </div>
</div>
</div>

<style>
@font-face {font-family: 'Cinzel'; src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');}
@font-face {font-family: 'Comfortaa'; src: url('https://raw.githubusercontent.com/flamevector-rusff/styles/main/comfortaa.ttf');}

.rules-mybb-fix, .rules-mybb-fix * {overflow: visible; box-sizing: border-box;}
.main-box {width: 650px; margin: 2px auto !important; background: url("https://upforme.ru/uploads/001c/a4/b9/3/943373.jpg") repeat; border-radius: 20px; padding: 5px; font-family: 'Cinzel', serif;}
.inner-box {background: #c7c7c7; border-radius: 15px; padding: 6px; display: flex; flex-direction: column; gap: 10px;}
.content-bg {background: url("https://i.pinimg.com/736x/ad/5b/64/ad5b64c9fe303dafc4c61d5783eb08ca.jpg") center/cover; border-radius: 12px;  padding: 10px;  display: flex;  flex-direction: column;  gap: 10px;}
.glass-block {background: rgba(255,255,255,0.2); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(10px); border-radius: 15px; padding: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.2);}
.info {text-align: center; background: rgba(90,0,20,0.05);}
.name-en {font-size: 28px; letter-spacing: 2px;}
.group {font-size: 14px; margin-top:5px; opacity:0.8;}
.name-ru {font-size:18px; margin-top:5px;}
.photos {text-align:center;}
.photo-wrap {display:flex; justify-content:center; gap:10px; margin-bottom:8px;}
.photo-wrap img {width:200px; height:250px; object-fit:cover; border-radius:12px; transition:0.3s;}
.photo-wrap img:hover {transform: scale(1.05);}
.fc {font-size:14px; opacity:0.8;}
.text {font-family: 'Comfortaa', sans-serif;}
.text p {font-size:18px !important; text-indent:25px;}
.dopolnitelno {font-family: 'Comfortaa', sans-serif;}
.dopolnitelno p { text-indent:25px; font-size:17px !important; line-height:1.2 !important;}
.footer {text-align:center; font-size:12px; padding:6px; border-radius:999px; background: rgba(0,0,0,0.2); color:#fff; letter-spacing:2px; display:inline-block; margin:0 auto;}
.photo {position:relative; width:200px; height:260px; border-radius:14px; overflow:hidden; box-shadow:0 10px 25px rgba(0,0,0,0.4);}
.photo img {width:100%; height:100%; object-fit:cover; filter: sepia(20%) saturate(40%) brightness(85%) contrast(1.1); transition:0.4s ease;}
.photo:hover img {transform: scale(1.08);}
.info {position:relative; overflow:hidden;}
.info::after {content:""; position:absolute; top:0; left:-150%; width:60%; height:100%; background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 40%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.25) 60%, rgba(255,255,255,0) 100%); transform: skewX(-20deg); animation: shine 6s infinite;}
@keyframes shine {0% {left:-150%;} 100% {left:150%;}}
</style>
[/html]

Подпись автора

Finn Mikaelson

Esmond

Chloe Simmons

МЫ ИЩЕМ ТЕБЯ

[html]
<div class="guide-wrapper rules-mybb-fix">
  <div class="main-box">
    <div class="inner-box">
      <div class="content-bg">
      <div class="glass-block info">
        <div class="name-en">Hynek Jarolím</div>
        <div class="group">старший брат</div>
        <div class="name-ru">Гинек Яролим, 27</div>
      </div>
      <div class="glass-block photos">
        <div class="photo-wrap">
          <div class="photo"><img src="https://64.media.tumblr.com/aa5eeb6a2913ba8fe6ad197f2f7a1892/38794b032b5e226d-89/s400x600/e2059f6a874f9c143d98967ed624716fd6227b05.gifv"></div>
          <div class="photo"><img src="https://64.media.tumblr.com/4835e7eb1fbf215bf9cfc9e4491ed27d/dc3a0ed35042228e-a6/s400x600/d41fef619b280799f9e5cfa47dcf948f947d42e5.gifv"></div>
        </div>
        <div class="fc">fc: Danny Griffin</div>
      </div>
      <div class="glass-block text">
        <p>Мы были обычными братьями: ты — ответственный старший, я — витающий в облаках младший.</p><p>Но нам обоим пришлось быстро повзрослеть.</p><p></p><p>Когда я ушёл в армию, лишь с твоих слов знал о том, как поживают родители. Поначалу всё было нормально, но со временем твои ответы стали короткими и более размытыми, однако я не заострял на этом внимание, потому что в армии было несладко и времени не всегда хватало на сон. Тебе же в это время пришлось решать проблемы одному: наши мать и отец были в первой волне вакцинированных. Они вернулись домой другими. Не сгорели. Но и людьми быть перестали. Ты помнишь этот взгляд — пустой, ненавидящий всё живое. Помнишь, как тебе пришлось... действовать.</p><p>С тех пор ты стал другим.</p>
      </div>
<div class="glass-block dopolnitelno">
  <p><strong>Дополнительная информация:</strong> у меня масса идей по развитию семейных взаимоотношений, стекла, взаимодействия внутри семьи и не только, так что я готов всем делиться!</p>
</div>
      <div class="footer">flamevector</div>
    </div>
  </div>
</div>
</div>

<style>
@font-face {font-family: 'Cinzel'; src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');}
@font-face {font-family: 'Comfortaa'; src: url('https://raw.githubusercontent.com/flamevector-rusff/styles/main/comfortaa.ttf');}

.rules-mybb-fix, .rules-mybb-fix * {overflow: visible; box-sizing: border-box;}
.main-box {width: 650px; margin: 2px auto !important; background: url("https://upforme.ru/uploads/001c/a4/b9/3/943373.jpg") repeat; border-radius: 20px; padding: 5px; font-family: 'Cinzel', serif;}
.inner-box {background: #c7c7c7; border-radius: 15px; padding: 6px; display: flex; flex-direction: column; gap: 10px;}
.content-bg {background: url("https://i.pinimg.com/736x/ad/5b/64/ad5b64c9fe303dafc4c61d5783eb08ca.jpg") center/cover; border-radius: 12px;  padding: 10px;  display: flex;  flex-direction: column;  gap: 10px;}
.glass-block {background: rgba(255,255,255,0.2); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(10px); border-radius: 15px; padding: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.2);}
.info {text-align: center; background: rgba(90,0,20,0.05);}
.name-en {font-size: 28px; letter-spacing: 2px;}
.group {font-size: 14px; margin-top:5px; opacity:0.8;}
.name-ru {font-size:18px; margin-top:5px;}
.photos {text-align:center;}
.photo-wrap {display:flex; justify-content:center; gap:10px; margin-bottom:8px;}
.photo-wrap img {width:200px; height:250px; object-fit:cover; border-radius:12px; transition:0.3s;}
.photo-wrap img:hover {transform: scale(1.05);}
.fc {font-size:14px; opacity:0.8;}
.text {font-family: 'Comfortaa', sans-serif;}
.text p {font-size:18px !important; text-indent:25px;}
.dopolnitelno {font-family: 'Comfortaa', sans-serif;}
.dopolnitelno p { text-indent:25px; font-size:17px !important; line-height:1.2 !important;}
.footer {text-align:center; font-size:12px; padding:6px; border-radius:999px; background: rgba(0,0,0,0.2); color:#fff; letter-spacing:2px; display:inline-block; margin:0 auto;}
.photo {position:relative; width:200px; height:260px; border-radius:14px; overflow:hidden; box-shadow:0 10px 25px rgba(0,0,0,0.4);}
.photo img {width:100%; height:100%; object-fit:cover; filter: sepia(20%) saturate(40%) brightness(85%) contrast(1.1); transition:0.4s ease;}
.photo:hover img {transform: scale(1.08);}
.info {position:relative; overflow:hidden;}
.info::after {content:""; position:absolute; top:0; left:-150%; width:60%; height:100%; background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 40%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.25) 60%, rgba(255,255,255,0) 100%); transform: skewX(-20deg); animation: shine 6s infinite;}
@keyframes shine {0% {left:-150%;} 100% {left:150%;}}
</style>
[/html]

Подпись автора

Finn Mikaelson

Esmond

Chloe Simmons

МЫ ИЩЕМ ТЕБЯ