
<style>
.ruka-static{--blue:#10324a;--gold:#f2b84b;--green:#0f766e;--soft:#fff7ed;--line:#e6edf3;--text:#263442;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);line-height:1.75}
.ruka-static *{box-sizing:border-box}
.ruka-static a{color:#0f766e;font-weight:800;text-decoration:none}
.ruka-static img{max-width:100%;height:auto;display:block}
.ruka-hero{border-radius:32px;background:linear-gradient(135deg,#fff7ed 0%,#eef6ff 55%,#e7f7f3 100%);padding:62px 32px;margin:24px 0 34px;overflow:hidden}
.ruka-kicker{text-transform:uppercase;letter-spacing:.09em;font-size:13px;font-weight:900;color:#b45309;margin-bottom:12px}
.ruka-title{font-size:clamp(36px,6vw,68px);line-height:1.03;margin:0 0 18px;color:var(--blue);font-weight:950}
.ruka-lead{font-size:20px;max-width:940px;margin:0}
.ruka-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.ruka-btn{display:inline-block;border-radius:999px;background:var(--green);color:#fff!important;padding:13px 22px;font-weight:900;box-shadow:0 10px 25px rgba(15,118,110,.18)}
.ruka-btn.alt{background:var(--blue)}
.ruka-btn.gold{background:#b45309}
.ruka-section{padding:48px 0;border-bottom:1px solid var(--line)}
.ruka-section h2{font-size:clamp(28px,4vw,42px);line-height:1.18;margin:0 0 18px;color:var(--blue);font-weight:950}
.ruka-section h3{font-size:22px;line-height:1.22;margin:0 0 10px;color:var(--blue)}
.ruka-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px}
.ruka-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 12px 32px rgba(15,23,42,.06)}
.ruka-card.soft{background:#fffaf0}
.ruka-stat{border-radius:24px;background:#f8fafc;border:1px solid var(--line);padding:22px}
.ruka-stat strong{display:block;color:var(--green);font-size:36px;line-height:1.05;margin-bottom:7px}
.ruka-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:20px}
.ruka-gallery img,.ruka-photo{border-radius:24px;aspect-ratio:4/3;object-fit:cover;box-shadow:0 12px 28px rgba(15,23,42,.12)}
.ruka-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:28px;align-items:center}
.ruka-note{background:#fffbeb;border-left:7px solid var(--gold);border-radius:20px;padding:22px;margin-top:20px}
.ruka-dark{background:var(--blue);color:#fff;border-radius:30px;padding:42px 30px;margin:38px 0}
.ruka-dark h2,.ruka-dark h3{color:#fff}
.ruka-dark a{color:#fff}
.ruka-footer{background:#0b2538;color:#fff;border-radius:30px;padding:34px;margin:40px 0 10px}
.ruka-footer h2,.ruka-footer h3{color:#fff}
.ruka-footer a{color:#fff}
.ruka-mawa-hero{background:linear-gradient(135deg,#fff7ed,#ffe7d1,#fef3c7)}
.ruka-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.ruka-product{background:#fff;border:1px solid #fed7aa;border-radius:24px;overflow:hidden;box-shadow:0 14px 34px rgba(120,53,15,.12)}
.ruka-product img{aspect-ratio:1/1;object-fit:cover}
.ruka-product div{padding:18px}
.ruka-small{font-size:14px;color:#64748b}
@media(max-width:760px){.ruka-hero{padding:42px 22px}.ruka-split{grid-template-columns:1fr}.ruka-title{font-size:38px}}
</style><div class="ruka-static"><section class="ruka-hero">
<div class="ruka-split">
<div>
<div class="ruka-kicker">Партнери</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="/kontakty/">Зв’язатися</a></div>
</div>
<div><img class="ruka-photo" loading="lazy" src="http://ruka-dopomohy.local/wp-content/uploads/2026/07/food-06.webp" alt="Партнерська допомога"></div>
</div>
</section>
<section class="ruka-section"><h2>Кого ми запрошуємо до співпраці</h2><div class="ruka-grid"><div class="ruka-card"><h3>Соціальні служби</h3><p>Скерування людей, які потребують допомоги, та координація підтримки.</p></div><div class="ruka-card"><h3>Освітні заклади</h3><p>Дитячі та підліткові програми, навчання, розвиток і наставництво.</p></div><div class="ruka-card"><h3>Медичні заклади</h3><p>Підтримка ліками, засобами догляду, скерування людей із потребами.</p></div><div class="ruka-card"><h3>Церкви</h3><p>Духовна підтримка, волонтери, простір, людська присутність.</p></div><div class="ruka-card"><h3>Бізнес</h3><p>Продукти, послуги, фінансова підтримка, корпоративні замовлення MAWA.</p></div><div class="ruka-card"><h3>Донори</h3><p>Проєктна підтримка, гранти, розвиток програм і системна сталість.</p></div></div></section>
<section class="ruka-footer">
<div class="ruka-grid">
<div>
<h2>Рука Допомоги</h2>
<p>Благодійний фонд в Ужгороді, який підтримує дітей і підлітків, літніх людей, сім’ї у складних обставинах, людей без житла та людей з інвалідністю.</p>
</div>
<div>
<h3>Напрями</h3>
<p><a href="/dity-i-simyi/">Діти і сім’ї</a></p>
<p><a href="/litni-liudy/">Літні люди</a></p>
<p><a href="/humanitarna-dopomoha/">Гуманітарна допомога</a></p>
<p><a href="/bereal-teens/">BeReal Teens</a></p>
</div>
<div>
<h3>Підтримати</h3>
<p><a href="/volonterstvo/">Стати волонтером</a></p>
<p><a href="/mawa/">MAWA</a></p>
<p><a href="/pidtrymaty/">Фінансова підтримка</a></p>
<p><a href="/zvitnist/">Звітність</a></p>
</div>
<div>
<h3>Контакти</h3>
<p>Ужгород, Україна</p>
<p>Керівниця фонду: Діана Федорка<br>+380 50 843 1219</p>
<p>rukadopomogy.uzh@gmail.com</p>
<p>Instagram: @rukadopomogy.uzh</p>
</div>
</div>
</section></div>