
<style>
.ruka-wrap{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1f2933;line-height:1.7}
.ruka-hero{padding:64px 28px;border-radius:28px;background:linear-gradient(135deg,#fff7ed,#eef6ff);margin:24px 0}
.ruka-kicker{text-transform:uppercase;font-weight:800;letter-spacing:.08em;color:#b45309;font-size:14px}
.ruka-title{font-size:clamp(34px,6vw,62px);line-height:1.05;margin:14px 0 18px;font-weight:900;color:#12324a}
.ruka-lead{font-size:20px;max-width:900px}
.ruka-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.ruka-btn{display:inline-block;padding:13px 20px;border-radius:999px;background:#0f766e;color:#fff!important;text-decoration:none;font-weight:800}
.ruka-btn.alt{background:#1e3a8a}
.ruka-section{padding:46px 0;border-bottom:1px solid #e5e7eb}
.ruka-section h2{font-size:34px;line-height:1.2;margin:0 0 18px;color:#12324a}
.ruka-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.ruka-card{padding:22px;border:1px solid #e5e7eb;border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.ruka-card h3{margin:0 0 10px;color:#12324a;font-size:22px}
.ruka-stat{padding:22px;border-radius:22px;background:#f8fafc;border:1px solid #e2e8f0}
.ruka-stat strong{display:block;font-size:34px;color:#0f766e}
.ruka-note{padding:24px;border-left:6px solid #f59e0b;background:#fffbeb;border-radius:18px;margin-top:22px}
.ruka-mawa{background:#fff7ed;border:1px solid #fed7aa}
.ruka-footer-cta{padding:40px;border-radius:28px;background:#12324a;color:#fff;margin:36px 0}
.ruka-footer-cta h2{color:#fff}
</style>

<div class="ruka-wrap">
<section class="ruka-hero">
<div class="ruka-kicker">Фонд милосердя · Ужгород · з 2021 року</div>
<h1 class="ruka-title">Рука Допомоги: поруч із тими, кому найважче</h1>
<p class="ruka-lead">Ми підтримуємо дітей і підлітків, літніх людей, сім’ї у складних обставинах, людей без житла, ВПО та людей з інвалідністю. Допомога фонду поєднує гарячі обіди, продуктові набори, гігієнічні послуги, наставництво, духовну опору та живі стосунки з людьми.</p>
<div class="ruka-actions">
<a class="ruka-btn" href="/pidtrymaty/">Підтримати фонд</a>
<a class="ruka-btn alt" href="/pro-fond/">Про фонд</a>
</div>
</section>

<section class="ruka-section">
<div class="ruka-grid">
<div class="ruka-stat"><strong>81 000+</strong>порцій гарячих обідів за роки діяльності</div>
<div class="ruka-stat"><strong>4 795+</strong>продуктових наборів для потребуючих родин і літніх людей</div>
<div class="ruka-stat"><strong>239</strong>дитячих подій, таборів, зустрічей і майстер-класів</div>
<div class="ruka-stat"><strong>118</strong>заходів для літніх людей</div>
</div>
</section>

<section class="ruka-section">
<div class="ruka-kicker">Місія</div>
<h2>Підтримка, яка тримається на стосунках</h2>
<p>Фонд допомагає людям, які проходять складний період життя: пенсіонерам, сім’ям у кризі, дітям і підліткам, людям з інвалідністю та людям без дому. Команда закриває базові потреби, реагує на кризові ситуації та створює умови для розвитку, відновлення й духовного зростання.</p>
<div class="ruka-note">Ми працюємо з людьми не як з одноразовими зверненнями. Для багатьох підопічних фонд стає місцем, де їх знають, чекають і підтримують регулярно.</div>
<div class="ruka-actions">
<a class="ruka-btn" href="/zvitnist/">Звітність</a>
<a class="ruka-btn alt" href="/volonterstvo/">Стати волонтером</a>
</div>
</section>

<section class="ruka-section">
<div class="ruka-kicker">Напрями роботи</div>
<h2>Кому і як ми допомагаємо</h2>
<div class="ruka-grid">
<div class="ruka-card"><h3>Діти і підлітки</h3><p>Табори, клуби, наставництво, навчання, творчі зустрічі та індивідуальна підтримка дітей із сімей у складних обставинах.</p><a href="/dity-i-simyi/">Детальніше</a></div>
<div class="ruka-card"><h3>Літні люди</h3><p>Гаряче харчування, продуктові набори, ліки, чаювання, творчі зустрічі, дні народження та відвідування вдома.</p><a href="/litni-liudy/">Детальніше</a></div>
<div class="ruka-card"><h3>Сім’ї у кризі</h3><p>Продукти, одяг, базові речі, допомога з побутовими потребами та підтримка дітей у таких родинах.</p><a href="/simyi-u-kryzi/">Детальніше</a></div>
<div class="ruka-card"><h3>Люди без житла</h3><p>Гарячі обіди, одяг, душ, прання, стрижки, гоління та допомога з документами.</p><a href="/liudy-bez-zhytla/">Детальніше</a></div>
<div class="ruka-card"><h3>Люди з інвалідністю</h3><p>Продукти, ліки, засоби догляду, підгузки, технічні засоби реабілітації та підтримка родин.</p><a href="/liudy-z-invalidnistiu/">Детальніше</a></div>
<div class="ruka-card"><h3>BeReal Teens</h3><p>Підлітковий клуб: регулярні зустрічі, наставництво, табори, творчі активності та безпечне середовище для розвитку.</p><a href="/bereal-teens/">Детальніше</a></div>
</div>
</section>

<section class="ruka-section">
<div class="ruka-kicker">Ключові результати</div>
<h2>Масштаб роботи фонду</h2>
<div class="ruka-grid">
<div class="ruka-card"><h3>3 740 упаковок ліків</h3><p>Передано літнім людям, дітям та іншим підопічним, які потребували медичної підтримки.</p></div>
<div class="ruka-card"><h3>761 раз</h3><p>Люди скористалися душем і пранням у межах гігієнічної підтримки.</p></div>
<div class="ruka-card"><h3>580+ відвідувань</h3><p>Команда та волонтери відвідали літніх людей вдома.</p></div>
<div class="ruka-card"><h3>25+ волонтерів</h3><p>Регулярно допомагають у програмах фонду.</p></div>
</div>
</section>

<section class="ruka-section">
<div class="ruka-kicker">MAWA</div>
<h2>Вироби ручної роботи з місією</h2>
<p>MAWA — це напрям соціальної творчості фонду. Вироби допомагають залучати підтримку, розвивати навички учасників і говорити про гідність людей, які проходять складний шлях.</p>
<div class="ruka-actions"><a class="ruka-btn" href="/mawa/">Перейти до MAWA</a></div>
</section>

<section class="ruka-footer-cta">
<h2>Підтримайте роботу фонду</h2>
<p>Ваш внесок допомагає оплачувати продукти, ліки, гігієну, дитячі програми, табори, наставництво та щоденну роботу з людьми, які потребують підтримки.</p>
<div class="ruka-actions"><a class="ruka-btn" href="/pidtrymaty/">Підтримати напряму</a><a class="ruka-btn alt" href="/kontakty/">Зв’язатися з фондом</a></div>
</section>
</div>