[html]
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400;1,600&family=Manrope:wght@300;400;500;600&display=swap" rel="stylesheet">

<div class="fp-wrap">
  <div class="fp-bg"></div>

  <div class="fp-header">
    <div class="fp-title">King's Cross Station</div>
    <div class="fp-subtitle">хочу к вам</div>
  </div>

  <div class="fp-body">
    <p>Железнодорожный вокзал в центральном Лондоне, откуда каждый год юные маги уезжают в Хогвартс. Нравится форум, но нет готовой идеи персонажа? Ищете связи перед подачей анкеты? Собирайте в чемодан ваши хэды и оставьте заявку в свободном формате здесь — укажите, кем хотели бы играть, чем заниматься и что вам интересно в игре. Когда игроки откликнутся с предложениями, смело берите билет и отправляйтесь в путешествие вместе с нами.</p>
  </div>
</div>

<style>
:root {
  --fp-bg: #E2E2E2; --fp-stroke: #C2C2C2; --fp-ink: #151515;
  --fp-muted: #777777; --fp-green: #606C57; --fp-lt: #909A89;
  --fp-tan: #B2A186; --fp-r: 14px;
}

.fp-wrap {
  position: relative; max-width: 850px; margin: 24px auto;
  border-radius: var(--fp-r); border: 1px solid var(--fp-stroke);
  overflow: hidden; font-family: "Manrope", sans-serif;
  color: var(--fp-ink); background: var(--fp-bg);
}

.fp-bg {
  position: absolute; inset: 0;
  background:
    linear-gradient(160deg, rgba(226,226,226,.85) 0%, rgba(222,222,222,.78) 40%, rgba(210,215,205,.72) 100%),
    url("https://forumstatic.ru/files/001c/ae/e6/23188.png") center/cover no-repeat;
  z-index: 0; pointer-events: none;
}

.fp-header {
  position: relative; z-index: 1; text-align: center;
  padding: 16px; background: rgba(233,233,233,.75);
  border-bottom: 1px solid var(--fp-stroke);
  backdrop-filter: blur(4px);
}

.fp-tag {
  display: inline-block; font-size: 9px; font-weight: 500;
  letter-spacing: .18em; text-transform: uppercase;
  color: var(--fp-lt); margin-bottom: 8px;
}

.fp-title {
  font-family: "Playfair Display", serif; font-weight: 400;
  font-style: italic; font-size: 28px; color: var(--fp-green);
  line-height: 1.15; margin: 0 0 6px;
  text-shadow: 0 2px 10px rgba(96,108,87,.12);
}

.fp-subtitle {
  font-size: 10px; font-weight: 400; letter-spacing: .14em;
  text-transform: uppercase; color: var(--fp-muted);
}

.fp-body {
  position: relative; z-index: 1;
  margin: 20px; padding: 20px 24px;
  background: rgba(233,233,233,.88);
  border: 1px solid var(--fp-stroke);
  border-radius: calc(var(--fp-r) - 4px);
}

.fp-body p {
  font-size: 12.5px; line-height: 1.75;
  color: var(--fp-muted); margin: 0;
  text-align: justify;
}
</style>
[/html]
[hideprofile]