[html]<style>
:root {
--text: #232d24; --link: #39423c; --link-hover: #4d5a55; --link-light: #d5d4d1;
--link-light-hover: #aeafaa; --zelen: #b8bbb9; --scroll: #2f3229; --respect: #edeeed;
--back: #848a87; --noblack: #39423c; --zelenlight: #cfcfca; --addition-area: #aeafa8;
--addition-area-hover: #676a52;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:#e8e7e3;font-family:Arial,'Book Antiqua',sans-serif;font-size:12px;color:var(--text);padding:20px;display:flex;justify-content:center;align-items:flex-start;min-height:100vh}
*::-webkit-scrollbar{width:4px;height:4px}
*::-webkit-scrollbar-thumb{background-color:var(--scroll);border-radius:10px}
.forum-window{max-width:750px;margin:0 auto;padding:25px;width:100%}
.inner-panel{background:var(--link-light);border-radius:5px;padding:30px 25px 25px}
.role-tabs{display:flex;gap:25px;color:var(--link);font-size:18px;border-bottom:1px solid var(--link);padding:10px;margin-bottom:25px;justify-content:center}
.role-tabs span{padding:0 15px;position:relative;font-family:'Book Antiqua',serif;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--link-hover)}
.role-tabs span::before{position:absolute;content:'';left:0;bottom:-10px;display:block;width:100%;height:5px;background:var(--link)}
.event-content{background:#e3e2de;border:1px solid var(--addition-area);border-radius:8px;padding:25px;line-height:1.7;color:var(--noblack);font-size:13px}
.event-content .greeting{font-family:'Book Antiqua',serif;font-size:16px;font-weight:700;color:var(--noblack);margin-bottom:15px;text-align:center}
.event-content .greeting em{color:var(--addition-area-hover);font-style:normal}
.event-content p{margin-bottom:12px}
.event-content .highlight{background:var(--zelenlight);border:1px solid var(--addition-area);border-radius:6px;padding:12px 16px;margin:15px 0;text-align:center;font-style:italic;color:var(--link-hover)}
.event-content .feature-list{margin:15px 0;padding:0;list-style:none}
.event-content .feature-list li{padding:6px 0 6px 24px;position:relative}
.event-content .feature-list li::before{content:'▶';position:absolute;left:0;color:var(--addition-area-hover);font-size:10px;top:8px}
.event-content .cta{text-align:center;margin-top:20px;padding-top:15px;border-top:1px dashed var(--addition-area)}
.event-content .cta-text{font-family:'Book Antiqua',serif;font-size:15px;font-weight:700;color:var(--link-hover);margin-bottom:5px}
.event-content .cta-sub{font-size:11px;color:var(--back);font-style:italic}
.pokeball-deco{text-align:center;font-size:28px;margin:15px 0;letter-spacing:8px}
.footer{font-size:11px;text-align:center;color:var(--link);margin-top:20px;opacity:.8;font-style:italic}
</style>

<div class="forum-window">
<div class="inner-panel">

<div class="role-tabs"><span>Ловля покемонов!</span></div>

<div class="event-content">

<p class="greeting">Приветствуем всех любителей покемонов на <em>Отголосках</em>! 🌿</p>

<p>Пока летнее солнце золотит наши дни, а кто-то отдыхает, а кто-то и не отдыхает вовсе — мы предлагаем вам окунуться в удивительный мир покемонов! Готовы ли вы стать настоящим тренером и собрать их всех?</p>

<div class="pokeball-deco">🔴⚪⚫ ⚪🔴 ⚫⚪🔴</div>

<div class="highlight">
Вас ждёт увлекательное путешествие: от получения своего первого покемона до звания чемпиона арены!
</div>

<ul class="feature-list">
<li><strong>Тест на стихию</strong> — узнайте, к какому типу покемонов у вас склонность, и получите стартового покемона из трёх подходящих именно вам.</li>
<li><strong>Ловля диких покемонов</strong> — они будут появляться прямо на страницах форума! У каждого свой характер, редкость и шанс быть пойманным.</li>
<li><strong>Хранилище</strong> — пополняйте свою коллекцию, следите за здоровьем и опытом каждого покемона.</li>
<li><strong>Прокачка и эволюция</strong> — повышайте уровень, набирайте опыт и проводите эволюцию ваших подопечных!</li>
<li><strong>Иконка покемона</strong> — любой питомец из хранилища может красоваться справа от вашего ника на форуме.</li>
<li><strong>Арена</strong> — в будущем вас ждут захватывающие бои между лучшими покемонами тренеров!</li>
</ul>

<div class="cta">
<p class="cta-text">⭐ Первый этап — тестирование и выдача стартовых покемонов — начнётся совсем скоро!</p>
<p class="cta-sub">Следите за объявлениями и готовьте свои покеболы. Удачи, будущие тренеры!</p>
</div>

</div>

</div></div>[/html]