[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]
