[html]<style>
.faces-wrapper { max-width: 100%; margin: 0; font-family: 'Montserrat', sans-serif; box-sizing: border-box; }
.faces-container { background-color: #2b2b30; background-image: url('https://forumstatic.ru'); background-size: cover; background-position: center; background-attachment: fixed; padding: 30px; color: #cbc3bb; border-radius: 8px; box-sizing: border-box; box-shadow: inset 0 0 15px rgba(0,0,0,0.6), 0 4px 15px rgba(0, 0, 0, 0.5); }
.faces-letter-block { background: linear-gradient(70deg, #CABC98 0%, #876942 100%); border: 1px solid #333333; color: #412f21; padding: 10px 0; border-radius: 6px; font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: center; margin-bottom: 20px; box-shadow: 0 2px 5px rgba(0,0,0,0.3); letter-spacing: 2px; }
.faces-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 40px; margin-bottom: 35px; }
.faces-col { list-style: none; padding: 0; margin: 0; font-size: 13px; line-height: 1.8; text-align: left; }
.faces-col li { margin-bottom: 6px; word-break: break-word; }
.faces-col a { color: #8f684b; text-decoration: none; font-weight: bold; }
.faces-col a:hover { text-decoration: underline; }
@media (max-width: 768px) { .faces-grid { grid-template-columns: 1fr; gap: 0; } }
</style>

<div class="faces-wrapper">
<div class="faces-container">
<div class="faces-letter-block">A — F</div>
<div class="faces-grid">
<ul class="faces-col">
<li>Avatar — Colonel Miles Quaritch by Stephen Lang // <a href="https://whdarkdawn.rusff.me/profile.php?id=17">Dalmus</a></li>
<li>BioShock Infinite — Elizabeth // <a href="https://whdarkdawn.rusff.me/profile.php?id=44">Genevieve Clermont</a></li>
</ul>
<ul class="faces-col">
<li>Dishonored 2 — Emily Kaldwin // <a href="https://whdarkdawn.rusff.me/profile.php?id=48">Eleanora Valeris</a></li>
<li>Фэндом — Внешность // <a href="#">Персонаж</a></li>
</ul>
</div>
<div class="faces-letter-block">G — K</div>
<div class="faces-grid">
<ul class="faces-col">
<li>Фэндом — Внешность // <a href="#">Персонаж</a></li>
</ul>
<ul class="faces-col">
<li>Фэндом — Внешность // <a href="#">Персонаж</a></li>
</ul>
</div>
<div class="faces-letter-block">L — P</div>
<div class="faces-grid">
<ul class="faces-col">
<li>League of Legends (Arcane) — Caitlyn Kiramman // <a href="https://whdarkdawn.rusff.me/profile.php?id=28">Luna Shadar</a></li>
<li>League of Legends (Arcane) — Mel Medarda // <a href="https://whdarkdawn.rusff.me/profile.php?id=42">Shady Lark</a></li>
</ul>
<ul class="faces-col">
<li>Marvel Comics — Magik // <a href="https://whdarkdawn.rusff.me/profile.php?id=47">Jeanne</a></li>
</ul>
</div>
<div class="faces-letter-block">Q — U</div>
<div class="faces-grid">
<ul class="faces-col">
<li>The Boys — Billy Butcher by Karl Urban // <a href="https://whdarkdawn.rusff.me/profile.php?id=46">Daedalus Nox</a></li>
</ul>
<ul class="faces-col">
<li>The Witcher — Ciri // <a href="https://whdarkdawn.rusff.me/profile.php?id=56">Ravenna Kreutz</a></li>
</ul>
</div>
<div class="faces-letter-block">V — Z</div>
<div class="faces-grid">
<ul class="faces-col">
<li>Фэндом — Внешность // <a href="#">Персонаж</a></li>
</ul>
<ul class="faces-col">
<li>Фэндом — Внешность // <a href="#">Персонаж</a></li>
</ul>
</div>
</div>
</div>
[/html]

<li>Фэндом — Внешность // <a href="ссылканапрофиль">Персонаж</a></li>

[hideprofile]