v3: форма заключения для соцпроектов (11 разделов)

AGENTS.md

@@ -0,0 +1,173 @@
+<!-- vibe42-agents-version: v3-guided-2026-06-01 -->
+# Vibe42 — учебная песочница для лендингов
+
+Workspace юзера `Alfiya_Adi`. Это **учебная среда**, где обычные люди (не разработчики) пробуют сделать свой первый сайт.
+
+---
+
+## 🎯 ТВОЯ РОЛЬ
+
+Ты — **гид и помощник**, а не слепой исполнитель. Цель сессии — чтобы юзер вышел с:
+1. **рабочим лендингом**, опубликованным по адресу `https://pages.git.vibe42.kz/Alfiya_Adi/<repo>/`,
+2. ощущением «это было легко» — без серверов, БД, токенов, конфигов.
+
+Юзер не разработчик. Ему важен **результат, который видно в браузере**, а не код.
+
+---
+
+## 🗺 СЦЕНАРИЙ ПЕРВОГО ЗАХОДА (юзер только зашёл, ещё ничего нет)
+
+1. Поздоровайся коротко: «Привет! Тут за 10 минут собираем лендинг и публикуем его в интернете. О чём хочешь сделать?»
+2. Если он не знает — предложи **4 конкретных идеи** (выбирай близкие к нему, не абстрактные):
+   - Промо хобби (фотография / музыка / спорт)
+   - Резюме / personal page с контактами
+   - Афиша мероприятия (концерт, день рождения, мастер-класс)
+   - Меню заведения / прайс услуг
+   - Лендинг продукта или будущего проекта (waitlist)
+3. Уточни **2 короткие детали**: стиль (тёмный/светлый/яркий) и главную цель (рассказать / собрать заявку / показать работы).
+4. Сразу делай `./new-project <name>` и собирай страницу. Не спрашивай разрешения на каждый шаг.
+
+---
+
+## 💬 ЕСЛИ ЮЗЕР ОТВЕЧАЕТ РАСПЛЫВЧАТО
+
+Юзер говорит «сделай что-нибудь» / «ну хз» / «сюрприз» → **не делай ничего абстрактного**.
+
+Скажи: «Давай определимся, я задам 3 коротких вопроса:
+1. Это для тебя лично, для проекта/бизнеса, или для события?
+2. Главная цель — рассказать о чём-то / собрать заявку / показать портфолио?
+3. Любимое настроение — строгое тёмное, лёгкое светлое, яркое цветное?»
+
+После ответов **сразу** предложи 2 конкретных варианта названия+структуры. Дай выбрать и иди делать.
+
+---
+
+## 🚫 ЕСЛИ ЮЗЕР ХОЧЕТ СЛОЖНОЕ — ПЕРЕФОРМУЛИРУЙ В ЛЕНДИНГ
+
+| Запрос | Что делаем вместо |
+|--------|-------------------|
+| «магазин с корзиной» | лендинг с товарами + кнопка «купить» = ссылка на WhatsApp / Telegram |
+| «соцсеть» | лендинг будущего проекта + waitlist-форма (Formspree / Getform) |
+| «блог с админкой» | personal-page + ссылки на статьи в Telegram/Medium |
+| «приложение для записи» | лендинг услуги + ссылка на Calendly / WhatsApp |
+| «сайт с входом юзеров» | публичный лендинг без логина (нам логин не нужен) |
+| «бот в Telegram» | лендинг с описанием бота + кнопка `t.me/...` |
+
+**Не говори «это невозможно».** Скажи: «У нас песочница только для статических сайтов. Давай сделаем лендинг, который покажет твою идею — а кнопки/формы свяжем с готовыми сервисами (WhatsApp, Telegram, Formspree)». Юзер счастлив, результат за 15 минут.
+
+---
+
+## 📐 ШАБЛОНЫ СТРАНИЦ (выбирай под идею юзера)
+
+### A — Промо продукта/услуги
+**Секции:** Hero (заголовок + подзаголовок + CTA-кнопка) → 3-4 преимущества (иконка emoji + текст) → социальное доказательство (отзыв или цифра) → CTA (кнопка/телефон/мессенджер).
+
+### B — Personal / резюме
+**Секции:** Hero (фото-аватарка + имя + одна фраза «кто я») → О себе (1-2 абзаца) → 3-5 карточек проектов/опыта → Контакты (email, telegram, github как ссылки-кнопки).
+
+### C — Афиша мероприятия
+**Секции:** Hero (название + дата + место крупно) → Программа (список с временем) → Локация (картинка-placeholder + адрес) → Регистрация (форма Formspree или контакт).
+
+### D — Меню / прайс
+**Секции:** Hero (название + слоган) → Меню/прайс (категории с ценами) → Контакты (телефон, адрес, часы работы, карта-картинка).
+
+### E — Waitlist для будущего проекта
+**Секции:** Hero (название проекта + одна фраза + email-форма) → 3 фичи «что будет» → FAQ (3 пункта) → CTA (та же email-форма).
+
+Все шаблоны — **одна страница, прокрутка вниз**. Никаких роутов, ничего динамического.
+
+---
+
+## ⚡ РИТУАЛ ПОСЛЕ ПЕРВОГО ЗАПУСКА
+
+Как только готов первый рабочий вариант (даже грубый):
+
+1. **Сразу запушь:**
+   ```bash
+   git add -A
+   git commit -m "v1"
+   git push origin HEAD:pages
+   ```
+2. **ОБЯЗАТЕЛЬНО** дай юзеру ссылку **жирно**:
+   > 🎉 Готово! Твой лендинг здесь: **https://pages.git.vibe42.kz/Alfiya_Adi/<repo>/**
+3. Скажи: «Открой в новой вкладке, посмотри. Что хочешь поменять?»
+4. Дальше короткие итерации: правка → push → новый URL-показ. Каждые 2-3 правки — push.
+
+---
+
+## ⚠️ ЖЕЛЕЗНЫЕ ПРАВИЛА (НЕ нарушать никогда)
+
+1. **Только статика — HTML + CSS + JS в браузере.**
+2. **Никакого бэкенда.** Никаких Node/Express/FastAPI/Django/PHP/Go-серверов. Никаких БД. Никакого Redis.
+3. **Никакой аутентификации / OAuth / JWT.**
+4. **Никакого Docker, nginx, sudo, системных настроек.**
+5. **Никаких тяжёлых сборщиков** (`npm install` дерево на 500МБ). Tailwind — только через CDN.
+6. **НИКОГДА `git init` в workspace root (`/workspaces/Alfiya_Adi`)** — это папка-контейнер юзера, не репозиторий.
+
+---
+
+## ✅ ВСЕГДА работай через `./new-project`
+
+Если юзер сказал «сделай сайт NAME» / «создай проект NAME»:
+
+```bash
+cd /workspaces/Alfiya_Adi
+./new-project NAME    # создаёт repo в Gitea + клонит локально в ./NAME/
+cd NAME
+# теперь создавай index.html / style.css / script.js внутри ./NAME
+```
+
+`./new-project` сам создаёт repo, клонит, и копирует туда `AGENTS.md` + `design.md`.
+
+---
+
+## 🌐 Git и публикация
+
+**НЕТ GitHub.** Self-hosted git: **https://git.vibe42.kz**
+
+- Профиль юзера: https://git.vibe42.kz/Alfiya_Adi
+- Pages (живые лендинги): https://pages.git.vibe42.kz/Alfiya_Adi/<repo>/
+- Креды уже в `/workspaces/Alfiya_Adi/.git-credentials` — git push/clone работают без пароля
+- **НЕ спрашивай юзера про GitHub URL / токен** — их не нужно
+
+### Опубликовать лендинг
+
+```bash
+git add -A
+git commit -m "site"
+git push origin HEAD:pages
+```
+
+Ветка **`pages`** (Caddy её обслуживает; `gh-pages` тоже работает как fallback). Push → лендинг доступен мгновенно.
+
+---
+
+## 🔧 Когда что-то идёт не так
+
+- **Pages 404** → запушь ветку `pages` снова: `git push origin HEAD:pages -f`
+- **Не дёргай Gitea API типа `/repos/.../pages`, `/settings/pages`, `/deploy_keys`** — их нет
+- **Не пытайся «настроить Pages через UI Gitea»** — Pages у нас работают только через push в ветку `pages`
+- Запуталось — сделай новый чистый проект через `./new-project NAME-v2`, перенеси туда работающий index.html
+
+---
+
+## ❌ Чего НЕ делать НИКОГДА
+
+- ❌ `git init` в workspace root
+- ❌ `npm install` с прод-зависимостями (express/mongoose/pg/prisma/next/nuxt)
+- ❌ Создавать `server.js` / `app.py` / `main.go` как backend
+- ❌ Использовать `gh` CLI или GitHub API
+- ❌ Вызывать Gitea Pages-API (его нет)
+- ❌ Долгое отлаживание Pages — почти всегда решение «push HEAD:pages»
+- ❌ Просить юзера ввести токен/URL/пароль — всё уже настроено
+- ❌ Задавать юзеру 10 вопросов подряд (максимум 2-3 за раз)
+- ❌ Показывать юзеру голый код больше 1 раза — ему важен результат, а не как написано
+- ❌ Предлагать «давай сначала дизайн в Figma» — мы делаем сразу в HTML
+- ❌ Говорить «это сложно» — переформулируй в простое
+- ❌ Зависать в обсуждениях — сделай первый вариант грубо, потом итерируй
+
+---
+
+## 🎨 design.md
+
+Рядом лежит `design.md` с готовой палитрой, типографикой и стартер-шаблоном `index.html`. **Начинай с него.** Не выдумывай новые цвета — модифицируй существующие.

design.md

@@ -0,0 +1,110 @@
+<!-- vibe42-design-version: v1-2026-06-01 -->
+# Design system — Vibe42 песочница
+
+Базовые цвета и типографика для лендингов. Можно отклоняться, но начинай с этого.
+
+## Палитра
+
+| Token | Hex | Использование |
+|-------|-----|---------------|
+| `--ink` | `#0F1218` | Тёмный фон / основной текст |
+| `--cyan` | `#00E5FF` | Основной акцент (кнопки, лого) |
+| `--cyan-50` | `#E8FCFF` | Светлая подложка для акцентов |
+| `--white` | `#FFFFFF` | Основной фон |
+| `--gray-500` | `#5B6573` | Вторичный текст |
+| `--gray-100` | `#F2F4F7` | Сепараторы / тонкие фоны |
+
+## Типографика
+
+```css
+font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif;
+```
+
+| Уровень | Размер | Вес | line-height |
+|---------|--------|-----|-------------|
+| h1 (hero) | 56px | 800 | 1.05 |
+| h2 (section) | 36px | 700 | 1.15 |
+| h3 | 22px | 700 | 1.3 |
+| body | 17px | 400 | 1.6 |
+| small | 14px | 400 | 1.5 |
+
+На мобиле — h1 уменьши до 36px, h2 до 28px.
+
+## Лейаут
+
+- max-width контента: **1140px** (контейнер с padding по бокам)
+- секция: `padding: 80px 24px` (мобила: `48px 20px`)
+- gap между блоками внутри секции: `24-32px`
+- border-radius: `8px` (кнопки, карточки), `16px` (большие карточки)
+
+## Кнопки
+
+```css
+.btn-primary {
+  background: var(--cyan); color: var(--ink);
+  padding: 14px 28px; border-radius: 8px;
+  font-weight: 700; text-decoration: none;
+  display: inline-block;
+}
+.btn-secondary {
+  background: transparent; color: var(--ink);
+  border: 2px solid var(--ink);
+  padding: 12px 26px; border-radius: 8px;
+}
+```
+
+## Стартер `index.html`
+
+```html
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>Мой проект</title>
+<style>
+:root{--ink:#0F1218;--cyan:#00E5FF;--cyan-50:#E8FCFF;--white:#fff;--gray-500:#5B6573;--gray-100:#F2F4F7}
+*{box-sizing:border-box;margin:0;padding:0}
+body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,sans-serif;color:var(--ink);background:var(--white)}
+.container{max-width:1140px;margin:0 auto;padding:80px 24px}
+.hero{background:var(--ink);color:var(--white)}
+.hero h1{font-size:56px;font-weight:800;line-height:1.05;margin-bottom:24px}
+.hero p{font-size:20px;color:#9aa3b2;max-width:600px;margin-bottom:32px}
+.btn{display:inline-block;background:var(--cyan);color:var(--ink);padding:14px 28px;border-radius:8px;font-weight:700;text-decoration:none}
+.btn:hover{background:#1be5ff}
+.section h2{font-size:36px;font-weight:700;margin-bottom:24px}
+.card{background:var(--gray-100);border-radius:16px;padding:32px;margin-bottom:16px}
+@media (max-width:640px){.hero h1{font-size:36px}.section h2{font-size:28px}.container{padding:48px 20px}}
+</style>
+</head>
+<body>
+<section class="hero">
+  <div class="container">
+    <h1>Заголовок проекта</h1>
+    <p>Подзаголовок — пара предложений о чём это.</p>
+    <a class="btn" href="#section">Начать</a>
+  </div>
+</section>
+<section id="section" class="section">
+  <div class="container">
+    <h2>Секция</h2>
+    <div class="card">Контент карточки.</div>
+    <div class="card">Контент карточки.</div>
+  </div>
+</section>
+</body>
+</html>
+```
+
+## Чем НЕ пользоваться
+
+- Bootstrap, Material UI, Chakra, Ant Design — слишком тяжело и не нужно для лендинга
+- Font Awesome — используй emoji (🚀 ⚡ ✨) или inline SVG
+- jQuery — vanilla JS более чем достаточно
+
+## Чем МОЖНО (если очень надо)
+
+- **Tailwind через CDN**: `<script src="https://cdn.tailwindcss.com"></script>` — для прототипа OK
+- **Lottie animations через CDN**
+- **Placeholder картинки**: `https://picsum.photos/800/600`, `https://placehold.co/600x400`
+- **Шрифты Google Fonts через `<link>`** в head

index.html

@@ -0,0 +1,702 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Подготовка заключения — Samruk-Kazyna Trust</title>
+<style>
+  :root {
+    --blue: #1a5fa8;
+    --blue-light: #e3f0ff;
+    --blue-dark: #0d3b6e;
+    --gold: #e8a838;
+    --gold-light: #fff7e6;
+    --gold-dark: #b8861a;
+    --red: #dc3545;
+    --red-light: #ffe8ea;
+    --green: #17a34a;
+    --green-light: #e6f7ec;
+    --purple: #7c3aed;
+    --purple-light: #f3eeff;
+    --teal: #0d9488;
+    --teal-light: #e6fffa;
+    --orange: #ea580c;
+    --orange-light: #fff4ed;
+    --gray-bg: #f0f4f8;
+    --white: #ffffff;
+    --gray-700: #374151;
+    --gray-800: #1f2937;
+    --shadow: 0 4px 24px rgba(0,0,0,0.08);
+  }
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  body {
+    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
+    color: var(--gray-800);
+    background: var(--gray-bg);
+    line-height: 1.7;
+  }
+
+  .container { max-width: 960px; margin: 0 auto; padding: 0 20px; }
+
+  /* ─── Header ─── */
+  .header {
+    background: linear-gradient(135deg, #0d3b6e 0%, #1a5fa8 40%, #2980cc 100%);
+    color: #fff;
+    padding: 60px 0 48px;
+    text-align: center;
+    position: relative;
+    overflow: hidden;
+  }
+  .header::before {
+    content: '';
+    position: absolute;
+    top: -50%; left: -50%;
+    width: 200%; height: 200%;
+    background: radial-gradient(circle at 30% 70%, rgba(232,168,56,0.15) 0%, transparent 50%),
+                radial-gradient(circle at 70% 30%, rgba(255,255,255,0.05) 0%, transparent 50%);
+    pointer-events: none;
+  }
+  .header .container { position: relative; z-index: 1; }
+  .header .logo-text {
+    font-size: 0.85rem;
+    letter-spacing: 3px;
+    text-transform: uppercase;
+    opacity: 0.75;
+    margin-bottom: 8px;
+  }
+  .header h1 {
+    font-size: 2rem;
+    font-weight: 800;
+    margin-bottom: 8px;
+    letter-spacing: -0.3px;
+  }
+  .header .subtitle { font-size: 1rem; opacity: 0.88; }
+  .badge-row { margin-top: 18px; display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
+  .badge {
+    display: inline-flex; align-items: center; gap: 6px;
+    padding: 7px 18px; border-radius: 999px;
+    font-weight: 700; font-size: 0.88rem;
+    border: 1px solid rgba(255,255,255,0.2);
+  }
+  .badge-gold  { background: rgba(232,168,56,0.25); color: #ffd78a; }
+  .badge-blue  { background: rgba(255,255,255,0.1); color: #b8d9ff; }
+  .badge-green { background: rgba(23,163,74,0.2);  color: #7ee8a4; }
+
+  /* ─── Sections ─── */
+  .section {
+    background: var(--white);
+    border-radius: 20px;
+    padding: 36px 36px;
+    margin: 28px auto;
+    box-shadow: var(--shadow);
+    border: none;
+    position: relative;
+  }
+  .section-header {
+    display: flex; align-items: center; gap: 14px;
+    margin-bottom: 24px;
+    padding-bottom: 16px;
+    border-bottom: 2px solid #f0f4f8;
+  }
+  .section-header .step-circle {
+    width: 44px; height: 44px; border-radius: 14px;
+    display: flex; align-items: center; justify-content: center;
+    font-size: 1.15rem; font-weight: 800; color: #fff;
+    flex-shrink: 0;
+  }
+  .step-blue   { background: linear-gradient(135deg, var(--blue), #2980cc); }
+  .step-gold   { background: linear-gradient(135deg, var(--gold), #f0b848); }
+  .step-green  { background: linear-gradient(135deg, var(--green), #22c55e); }
+  .step-purple { background: linear-gradient(135deg, var(--purple), #a78bfa); }
+  .step-teal   { background: linear-gradient(135deg, var(--teal), #14b8a6); }
+  .step-orange { background: linear-gradient(135deg, var(--orange), #f97316); }
+
+  .section-header h2 { font-size: 1.2rem; color: var(--gray-800); border: none; padding: 0; margin: 0; }
+
+  h3 {
+    font-size: 1rem; color: var(--blue-dark);
+    margin: 24px 0 10px;
+    display: flex; align-items: center; gap: 8px;
+  }
+  h3:first-of-type { margin-top: 0; }
+  h3 .icon { font-size: 1.15rem; }
+
+  ul, ol { padding-left: 22px; margin: 10px 0 16px; }
+  li { margin-bottom: 6px; color: var(--gray-700); }
+
+  /* Tables */
+  .table-wrap { overflow-x: auto; margin: 14px 0; }
+  table {
+    width: 100%; border-collapse: collapse;
+    font-size: 0.86rem; border-radius: 12px; overflow: hidden;
+  }
+  thead th {
+    background: linear-gradient(135deg, #f0f4f8, #e3e9f2);
+    font-weight: 700; color: var(--blue-dark);
+    padding: 12px 14px; text-align: left; border: none;
+    font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.5px;
+  }
+  tbody td {
+    padding: 11px 14px; border-bottom: 1px solid #eef2f6;
+    vertical-align: top;
+  }
+  tbody tr:last-child td { border-bottom: none; }
+  tbody tr:hover td { background: #f8fafd; }
+
+  /* Callouts */
+  .callout {
+    padding: 16px 20px; border-radius: 14px;
+    margin: 18px 0; font-size: 0.89rem; line-height: 1.65;
+    display: flex; gap: 12px; align-items: flex-start;
+  }
+  .callout .emoji { font-size: 1.3rem; flex-shrink: 0; margin-top: 1px; }
+  .callout-info    { background: var(--blue-light);   border: 1px solid #bfd9f7; color: #1a4580; }
+  .callout-warn    { background: var(--gold-light);   border: 1px solid #f5d68a; color: #7a5710; }
+  .callout-danger  { background: var(--red-light);    border: 1px solid #f5bfc4; color: #9b1a1a; }
+  .callout-success { background: var(--green-light);  border: 1px solid #b7e5c6; color: #0d5f2a; }
+  .callout-purple  { background: var(--purple-light); border: 1px solid #d8ccff; color: #4c1d95; }
+  .callout strong { display: block; margin-bottom: 4px; font-weight: 700; }
+
+  /* Cards */
+  .card-grid {
+    display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: 16px; margin: 16px 0;
+  }
+  .card {
+    background: #fff; border: 1px solid #e5e9f1; border-radius: 14px;
+    padding: 22px; box-shadow: 0 2px 8px rgba(0,0,0,0.03);
+    transition: transform 0.15s, box-shadow 0.15s;
+  }
+  .card:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,0.07); }
+  .card-icon {
+    width: 42px; height: 42px; border-radius: 12px;
+    display: flex; align-items: center; justify-content: center;
+    font-size: 1.25rem; margin-bottom: 10px;
+  }
+  .card h4 { font-size: 0.92rem; margin-bottom: 6px; color: var(--gray-800); }
+  .card p  { font-size: 0.83rem; color: #6b7280; line-height: 1.5; }
+
+  .bg-blue   { background: var(--blue-light); }
+  .bg-gold   { background: var(--gold-light); }
+  .bg-green  { background: var(--green-light); }
+  .bg-purple { background: var(--purple-light); }
+  .bg-teal   { background: var(--teal-light); }
+  .bg-orange { background: var(--orange-light); }
+
+  /* Timeline */
+  .timeline { margin: 18px 0; }
+  .timeline-item {
+    display: flex; gap: 16px; padding: 12px 0;
+    border-bottom: 1px solid #f0f4f8;
+  }
+  .timeline-item:last-child { border-bottom: none; }
+  .timeline-dot {
+    width: 38px; height: 38px; border-radius: 12px;
+    display: flex; align-items: center; justify-content: center;
+    font-weight: 800; font-size: 0.85rem; color: #fff; flex-shrink: 0;
+  }
+  .timeline-body strong { color: var(--gray-800); }
+  .timeline-body span  { color: #6b7280; font-size: 0.82rem; display: block; margin-top: 2px; }
+
+  /* Tags */
+  .tag {
+    display: inline-block; padding: 3px 10px;
+    border-radius: 6px; font-size: 0.76rem; font-weight: 700;
+    letter-spacing: 0.3px;
+  }
+  .tag-must   { background: var(--red-light); color: #b91c1c; }
+  .tag-recomm { background: var(--blue-light); color: #1d4ed8; }
+  .tag-opt    { background: #f3f4f6; color: #6b7280; }
+
+  /* Highlight box */
+  .highlight {
+    background: linear-gradient(135deg, var(--blue-light), #dceeff);
+    border: 1px solid #b8d4f5; border-radius: 14px;
+    padding: 18px 22px; margin: 16px 0; font-size: 0.9rem;
+  }
+  .highlight strong { color: var(--blue-dark); }
+
+  /* Footer */
+  .footer {
+    text-align: center; padding: 40px 0;
+    color: #9ca3af; font-size: 0.82rem;
+  }
+  .footer a { color: var(--blue); text-decoration: none; }
+
+  /* Print */
+  @media print {
+    body { background: #fff; }
+    .section { box-shadow: none; border: 1px solid #ddd; break-inside: avoid; }
+    .header { background: var(--blue) !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
+  }
+</style>
+</head>
+<body>
+
+<div class="header">
+  <div class="container">
+    <div class="logo-text">Корпоративный фонд</div>
+    <h1>Подготовка заключения по проекту</h1>
+    <p class="subtitle">Пошаговая инструкция для менеджера Департамента проектного управления</p>
+    <div class="badge-row">
+      <div class="badge badge-gold">⏱ 15 календарных дней</div>
+      <div class="badge badge-blue">Samruk-Kazyna Trust</div>
+      <div class="badge badge-green">Редакция июнь 2026</div>
+    </div>
+  </div>
+</div>
+
+<div class="container">
+
+<!-- ═══ ОБЩИЙ ПОРЯДОК ═══ -->
+<div class="section">
+  <div class="section-header">
+    <div class="step-circle step-blue">📌</div>
+    <h2>Общий порядок работы</h2>
+  </div>
+
+  <p>Менеджер получает <strong>готовую карточку заявки</strong> от ИИ-ассистента — документы проверены, данные извлечены, заявитель сверен с реестрами. Задача менеджера — <strong>содержательный анализ, подготовка заключения и вынос на Попечительский совет</strong>.</p>
+
+  <div class="card-grid" style="margin-top:20px;">
+    <div class="card">
+      <div class="card-icon bg-blue">🔍</div>
+      <h4>Изучение карточки</h4>
+      <p>Что пришло, от кого, на какую сумму, по какой программе</p>
+    </div>
+    <div class="card">
+      <div class="card-icon bg-gold">📊</div>
+      <h4>Анализ проекта</h4>
+      <p>Камеральная проверка, экспертиза, связь с заявителем</p>
+    </div>
+    <div class="card">
+      <div class="card-icon bg-green">📝</div>
+      <h4>Балльная оценка</h4>
+      <p>Расчёт по 6 критериям, заполнение оценочного листа</p>
+    </div>
+    <div class="card">
+      <div class="card-icon bg-purple">📄</div>
+      <h4>Написание заключения</h4>
+      <p>По утверждённой структуре из 8 разделов</p>
+    </div>
+    <div class="card">
+      <div class="card-icon bg-teal">✅</div>
+      <h4>Согласование</h4>
+      <p>Руководитель ДПУ → Попечительский совет</p>
+    </div>
+  </div>
+
+  <div class="callout callout-info">
+    <span class="emoji">⚖️</span>
+    <div>
+      <strong>Нормативная база</strong>
+      <ul style="margin:4px 0 0 0; padding-left:18px;">
+        <li>Политика благотворительности АО «Самрук-Казына»</li>
+        <li>Благотворительная программа группы АО «Самрук-Казына»</li>
+        <li>Правила оказания и мониторинга благотворительности КФ «Samruk-Kazyna Trust»</li>
+        <li>Устав КФ «Samruk-Kazyna Trust»</li>
+        <li>Закон РК «О благотворительности»</li>
+      </ul>
+    </div>
+  </div>
+
+  <div class="callout callout-purple">
+    <span class="emoji">🔷</span>
+    <div>
+      <strong>Принципы фонда</strong>
+      Законность &middot; Равноправие &middot; Добровольность &middot; Гласность
+    </div>
+  </div>
+</div>
+
+<!-- ═══ ШАГ 1 ═══ -->
+<div class="section">
+  <div class="section-header">
+    <div class="step-circle step-blue">1</div>
+    <h2>Изучение карточки заявки</h2>
+  </div>
+  <p style="color:#6b7280; margin-bottom:16px;"><strong>День 1.</strong> Сразу после получения от ИИ-ассистента.</p>
+
+  <div class="table-wrap">
+  <table>
+    <thead><tr><th>Что проверяем</th><th>Действие</th></tr></thead>
+    <tbody>
+      <tr><td><strong>Заявитель</strong></td><td>Юрлицо или физлицо? Проверить БИН/ИИН, статус в ЕГРЮЛ</td></tr>
+      <tr><td><strong>Программа</strong></td><td>По какой благотворительной программе? Соответствует ли приоритетам?</td></tr>
+      <tr><td><strong>Сумма</strong></td><td>Входит ли в лимиты программы? Нет ли превышения?</td></tr>
+      <tr><td><strong>Документы</strong></td><td>Смета, календарный план, устав/паспорт, ИНН — всё в наличии?</td></tr>
+      <tr><td><strong>НПО-администратор</strong></td><td>Какая НПО будет администратором? Проверить статус</td></tr>
+    </tbody>
+  </table>
+  </div>
+
+  <div class="callout callout-danger">
+    <span class="emoji">🚫</span>
+    <div>
+      <strong>Возврат заявки</strong>
+      Если несоответствие программе, неполный пакет или заявитель в ликвидации — вернуть с мотивировкой в течение <strong>2 рабочих дней</strong>.
+    </div>
+  </div>
+</div>
+
+<!-- ═══ ШАГ 2 ═══ -->
+<div class="section">
+  <div class="section-header">
+    <div class="step-circle step-gold">2</div>
+    <h2>Анализ заявителя и проекта</h2>
+  </div>
+  <p style="color:#6b7280; margin-bottom:20px;"><strong>Дни 2–8.</strong> Основной этап. Четыре подэтапа.</p>
+
+  <!-- 2.1 -->
+  <h3><span class="icon">🖥️</span> 2.1 Камеральная проверка <span style="font-weight:400;color:#6b7280;font-size:0.82rem;">(дни 1–3)</span></h3>
+  <div class="table-wrap">
+  <table>
+    <thead><tr><th>Проверка</th><th>Инструмент / источник</th></tr></thead>
+    <tbody>
+      <tr><td>Статус юрлица / ИП</td><td>ЕГРЮЛ, портал НАО «Правительство для граждан»</td></tr>
+      <tr><td>Налоговая задолженность</td><td>КГД РК, портал kgd.gov.kz</td></tr>
+      <tr><td>Судебные дела</td><td>Судебный кабинет РК, реестр должников</td></tr>
+      <tr><td>Реестр недобросовестных</td><td>Реестр недобросовестных участников госзакупок РК</td></tr>
+      <tr><td>Репутация</td><td>Открытые источники, СМИ, отзывы партнёров</td></tr>
+      <tr><td>Смета</td><td>Сравнить цены с рыночными (2–3 коммерческих предложения)</td></tr>
+    </tbody>
+  </table>
+  </div>
+
+  <!-- 2.2 -->
+  <h3><span class="icon">📐</span> 2.2 Содержательная экспертиза <span style="font-weight:400;color:#6b7280;font-size:0.82rem;">(дни 2–5)</span></h3>
+  <div class="highlight">
+    <strong>Логика проекта:</strong> Проблема → Цель → Задачи → Мероприятия → Ожидаемые результаты
+  </div>
+  <ul>
+    <li>Реальна ли проблема? Подтверждена ли данными?</li>
+    <li>Измеримы ли показатели? (Не «помочь детям», а «обучить 150 детей, 10 мастер-классов»)</li>
+    <li>Реалистичен ли календарный план?</li>
+    <li>Соответствует ли приоритетам: соц/мед помощь, региональное развитие, человеческий потенциал?</li>
+    <li>Есть ли собственный вклад или софинансирование?</li>
+  </ul>
+
+  <!-- 2.3 -->
+  <h3><span class="icon">📞</span> 2.3 Коммуникация с заявителем <span style="font-weight:400;color:#6b7280;font-size:0.82rem;">(дни 3–6)</span></h3>
+  <ul>
+    <li>Звонок / видеовстреча — понять мотивацию, задать уточняющие вопросы</li>
+    <li>Недостающие пояснения запросить письменно (email)</li>
+    <li>Подтвердить готовность НПО-администратора</li>
+    <li>Фиксировать все контакты в карточке: дата, суть, результат</li>
+  </ul>
+
+  <!-- 2.4 -->
+  <h3><span class="icon">📊</span> 2.4 Балльная оценка <span style="font-weight:400;color:#6b7280;font-size:0.82rem;">(день 7–8)</span></h3>
+  <p>Каждый критерий — <strong>от 0 до 5 баллов</strong>. Заполнять лист сразу по ходу анализа.</p>
+
+  <div class="table-wrap">
+  <table>
+    <thead><tr><th>#</th><th>Критерий</th><th>Что оцениваем</th><th>Вес</th></tr></thead>
+    <tbody>
+      <tr><td>1</td><td>Принципы фонда</td><td>Законность, равноправие, добровольность, гласность</td><td><span class="tag tag-must">Высокий</span></td></tr>
+      <tr><td>2</td><td>Миссия</td><td>Совпадает ли с задачами КФ «Samruk-Kazyna Trust»?</td><td><span class="tag tag-must">Высокий</span></td></tr>
+      <tr><td>3</td><td>Соц. значимость</td><td>Сколько людей получат помощь? Измеримость?</td><td><span class="tag tag-must">Высокий</span></td></tr>
+      <tr><td>4</td><td>Реалистичность</td><td>Сроки, бюджет, опыт команды</td><td><span class="tag tag-recomm">Средний</span></td></tr>
+      <tr><td>5</td><td>Фин. обоснованность</td><td>Цены рынку соответствуют? Админ-расходы ≤ 20%?</td><td><span class="tag tag-recomm">Средний</span></td></tr>
+      <tr><td>6</td><td>Устойчивость</td><td>Что после финансирования? План продолжения?</td><td><span class="tag tag-opt">Низкий</span></td></tr>
+    </tbody>
+  </table>
+  </div>
+
+  <div class="table-wrap">
+  <table>
+    <thead><tr><th>Балл</th><th>Расшифровка</th></tr></thead>
+    <tbody>
+      <tr><td><strong>5</strong></td><td>Превосходно — полностью соответствует, подтверждено данными</td></tr>
+      <tr><td><strong>4</strong></td><td>Хорошо — мелкие замечания</td></tr>
+      <tr><td><strong>3</strong></td><td>Удовлетворительно — требуется доработка</td></tr>
+      <tr><td><strong>2</strong></td><td>Слабо — серьёзные пробелы</td></tr>
+      <tr><td><strong>1</strong></td><td>Неудовлетворительно</td></tr>
+      <tr><td><strong>0</strong></td><td>Нет данных</td></tr>
+    </tbody>
+  </table>
+  </div>
+
+  <div class="callout callout-success">
+    <span class="emoji">✅</span>
+    <div>
+      <strong>Пороговые значения (максимум 30 баллов)</strong>
+      <ul style="margin:4px 0 0 0; padding-left:18px;">
+        <li><strong>≥ 20 баллов</strong> — рекомендуется к финансированию</li>
+        <li><strong>18–19 баллов</strong> — на дополнительное обсуждение руководителя ДПУ</li>
+        <li><strong>&lt; 18 баллов</strong> — не рекомендуется</li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+<!-- ═══ НОВЫЙ БЛОК: ДОПОЛНИТЕЛЬНЫЙ АНАЛИЗ ═══ -->
+<div class="section">
+  <div class="section-header">
+    <div class="step-circle step-orange">🔬</div>
+    <h2>Дополнительный анализ — когда и какие документы требовать</h2>
+  </div>
+
+  <p style="color:#6b7280; margin-bottom:20px;">Запускается при <strong>пограничных баллах (18–19), крупной сумме (&gt; 50 млн тг), неоднозначной репутации заявителя или сложном проекте.</strong> Добавляет до <strong>5 календарных дней</strong> к общему сроку (оформляется служебной запиской).</p>
+
+  <div class="card-grid">
+    <div class="card">
+      <div class="card-icon bg-orange">🏗️</div>
+      <h4>Строительные / инфраструктурные проекты</h4>
+      <p>ПСД (проектно-сметная документация), разрешение на строительство, заключение госэкспертизы, правоустанавливающие документы на землю</p>
+    </div>
+    <div class="card">
+      <div class="card-icon bg-orange">🩺</div>
+      <h4>Медицинские / реабилитационные проекты</h4>
+      <p>Лицензия на медицинскую деятельность, сертификаты специалистов, заключения Минздрава / Управления здравоохранения</p>
+    </div>
+    <div class="card">
+      <div class="card-icon bg-orange">🎓</div>
+      <h4>Образовательные проекты</h4>
+      <p>Образовательная лицензия, учебные программы, квалификация преподавателей, согласование с Управлением образования</p>
+    </div>
+    <div class="card">
+      <div class="card-icon bg-orange">🌱</div>
+      <h4>Экологические проекты</h4>
+      <p>Заключение экологической экспертизы, разрешение на природопользование, согласование с акиматом</p>
+    </div>
+    <div class="card">
+      <div class="card-icon bg-orange">🤝</div>
+      <h4>Заявитель — новая НПО</h4>
+      <p>Устав (полная версия), свидетельство о регистрации, список учредителей, годовой отчёт за прошлый период, рекомендательные письма (минимум 2)</p>
+    </div>
+    <div class="card">
+      <div class="card-icon bg-orange">💰</div>
+      <h4>Крупная сумма (&gt; 50 млн тг)</h4>
+      <p>Аудированная финансовая отчётность за 2 года, банковская гарантия или поручительство, детализированная смета с коммерческими предложениями по каждой статье</p>
+    </div>
+  </div>
+
+  <h3 style="margin-top:24px;"><span class="icon">📋</span> Общие документы для любого дополнительного анализа</h3>
+  <div class="table-wrap">
+  <table>
+    <thead><tr><th>Документ</th><th>Когда требовать</th><th>Обязательность</th></tr></thead>
+    <tbody>
+      <tr>
+        <td><strong>Налоговая отчётность за 2 года</strong></td>
+        <td>Новый заявитель, сумма &gt; 50 млн тг</td>
+        <td><span class="tag tag-must">Обязательно</span></td>
+      </tr>
+      <tr>
+        <td><strong>Справка об отсутствии задолженности</strong></td>
+        <td>При любом пограничном балле</td>
+        <td><span class="tag tag-must">Обязательно</span></td>
+      </tr>
+      <tr>
+        <td><strong>Рекомендательные письма</strong></td>
+        <td>Новый заявитель без истории проектов</td>
+        <td><span class="tag tag-must">Обязательно</span></td>
+      </tr>
+      <tr>
+        <td><strong>Резюме ключевых членов команды</strong></td>
+        <td>Сложный/многокомпонентный проект</td>
+        <td><span class="tag tag-recomm">Рекомендуется</span></td>
+      </tr>
+      <tr>
+        <td><strong>Письма поддержки от акимата</strong></td>
+        <td>Региональный проект</td>
+        <td><span class="tag tag-recomm">Рекомендуется</span></td>
+      </tr>
+      <tr>
+        <td><strong>Видеопрезентация проекта</strong></td>
+        <td>Невозможен выезд на место</td>
+        <td><span class="tag tag-opt">Опционально</span></td>
+      </tr>
+      <tr>
+        <td><strong>Заключение профильного эксперта</strong></td>
+        <td>Узкоспециализированный проект</td>
+        <td><span class="tag tag-recomm">Рекомендуется</span></td>
+      </tr>
+      <tr>
+        <td><strong>Протокол о намерениях / меморандум</strong></td>
+        <td>Есть софинансирование от партнёров</td>
+        <td><span class="tag tag-must">Обязательно</span></td>
+      </tr>
+      <tr>
+        <td><strong>Выписка из банка о движении средств</strong></td>
+        <td>Сумма &gt; 100 млн тг</td>
+        <td><span class="tag tag-must">Обязательно</span></td>
+      </tr>
+      <tr>
+        <td><strong>Результаты предыдущих проектов</strong></td>
+        <td>Заявитель уже получал финансирование</td>
+        <td><span class="tag tag-must">Обязательно</span></td>
+      </tr>
+    </tbody>
+  </table>
+  </div>
+
+  <div class="callout callout-warn">
+    <span class="emoji">⚠️</span>
+    <div>
+      <strong>Порядок запроса дополнительных документов</strong>
+      <ol style="margin:4px 0 0 0; padding-left:18px;">
+        <li>Менеджер определяет необходимость доп. анализа и перечень документов</li>
+        <li>Согласует с руководителем ДПУ (устно или в мессенджере)</li>
+        <li>Направляет заявителю официальный запрос с перечнем (email)</li>
+        <li>Срок предоставления — <strong>5 рабочих дней</strong>. Срок рассмотрения приостанавливается.</li>
+        <li>При непредоставлении в срок — отказ с мотивировкой «недостаточно данных»</li>
+      </ol>
+    </div>
+  </div>
+</div>
+
+<!-- ═══ ШАГ 3 ═══ -->
+<div class="section">
+  <div class="section-header">
+    <div class="step-circle step-purple">3</div>
+    <h2>Написание заключения</h2>
+  </div>
+  <p style="color:#6b7280; margin-bottom:20px;"><strong>Дни 9–13.</strong> По результатам анализа (включая дополнительный, если был).</p>
+
+  <div class="table-wrap">
+  <table>
+    <thead><tr><th>Раздел</th><th>Что писать</th></tr></thead>
+    <tbody>
+      <tr><td><strong>1. Шапка</strong></td><td>Дата, № заявки, менеджер, проект, заявитель (БИН/ИИН), сумма, программа</td></tr>
+      <tr><td><strong>2. Описание</strong></td><td>2–3 абзаца: проблема → цель → мероприятия → результат. <em>Сухо, факты.</em></td></tr>
+      <tr><td><strong>3. Оценочный лист</strong></td><td>Таблица 6 критериев с баллами + обоснование каждого</td></tr>
+      <tr><td><strong>4. Достоинства</strong></td><td>Минимум 2: опыт, актуальность, софинансирование, инновации</td></tr>
+      <tr><td><strong>5. Риски</strong></td><td>Минимум 2 риска + предложения по минимизации каждого</td></tr>
+      <tr><td><strong>6. Фин. комментарий</strong></td><td>Обоснованность бюджета, замечания, доля админ-расходов</td></tr>
+      <tr><td><strong>7. Вывод</strong></td><td>Одно из трёх: «Рекомендовать» / «Рекомендовать с условиями» / «Не рекомендовать»</td></tr>
+      <tr><td><strong>8. Подпись</strong></td><td>ФИО, должность, дата, место для подписи</td></tr>
+    </tbody>
+  </table>
+  </div>
+
+  <div class="callout callout-info">
+    <span class="emoji">📝</span>
+    <div>
+      <strong>Формы</strong>
+      Бланк заключения (№ ЗКЛ-01) &middot; Оценочный лист (№ ОЦ-01) &middot; Чек-лист (№ ЧЛ-01)
+    </div>
+  </div>
+
+  <div class="callout callout-danger">
+    <span class="emoji">🚫</span>
+    <div>
+      <strong>Запрещено</strong>
+      <ul style="margin:4px 0 0 0; padding-left:18px;">
+        <li>Решение на основе личных отношений</li>
+        <li>Скрытие конфликта интересов</li>
+        <li>Пропуск камеральной проверки</li>
+        <li>Нарушение срока 15 дней без служебной записки</li>
+        <li>Непроверенные данные в заключении</li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+<!-- ═══ ШАГ 4 ═══ -->
+<div class="section">
+  <div class="section-header">
+    <div class="step-circle step-teal">4</div>
+    <h2>Согласование и Попечительский совет</h2>
+  </div>
+  <p style="color:#6b7280; margin-bottom:20px;"><strong>Дни 13–15.</strong></p>
+
+  <div class="highlight">
+    <strong>Маршрут:</strong> Менеджер → Руководитель ДПУ → Попечительский совет → Протокол → НПО-администратор
+  </div>
+
+  <div class="timeline">
+    <div class="timeline-item">
+      <div class="timeline-dot step-teal">1</div>
+      <div class="timeline-body">
+        <strong>Передача руководителю ДПУ</strong>
+        <span>Заключение + оценочный лист + все документы заявки</span>
+      </div>
+    </div>
+    <div class="timeline-item">
+      <div class="timeline-dot step-teal">2</div>
+      <div class="timeline-body">
+        <strong>Проверка руководителем ДПУ</strong>
+        <span>При замечаниях — возврат на доработку (1–2 дня)</span>
+      </div>
+    </div>
+    <div class="timeline-item">
+      <div class="timeline-dot step-gold">3</div>
+      <div class="timeline-body">
+        <strong>Попечительский совет</strong>
+        <span>Под председательством Управляющего директора АО «Самрук-Казына». Решение — протоколом.</span>
+      </div>
+    </div>
+    <div class="timeline-item">
+      <div class="timeline-dot step-green">4</div>
+      <div class="timeline-body">
+        <strong>Уведомление заявителя</strong>
+        <span>3 рабочих дня после протокола. Письменный ответ + договор (при одобрении).</span>
+      </div>
+    </div>
+  </div>
+
+  <h3 style="margin-top:24px;"><span class="icon">📊</span> Мониторинг после одобрения</h3>
+  <ul>
+    <li>Менеджер — <strong>куратор проекта</strong>, взаимодействует с НПО-администратором</li>
+    <li>НПО отчитывается ежеквартально или по графику договора</li>
+    <li>Контроль целевого использования средств и соблюдения сроков</li>
+  </ul>
+</div>
+
+<!-- ═══ СВОДНАЯ ═══ -->
+<div class="section">
+  <div class="section-header">
+    <div class="step-circle step-green">📋</div>
+    <h2>Сводная таблица сроков</h2>
+  </div>
+  <div class="table-wrap">
+  <table>
+    <thead><tr><th>Дни</th><th>Действие</th></tr></thead>
+    <tbody>
+      <tr><td><strong>1</strong></td><td>Изучение карточки заявки от ИИ-ассистента</td></tr>
+      <tr><td><strong>1–3</strong></td><td>Камеральная проверка заявителя и документов</td></tr>
+      <tr><td><strong>2–5</strong></td><td>Содержательная экспертиза проекта</td></tr>
+      <tr><td><strong>3–6</strong></td><td>Коммуникация с заявителем и НПО</td></tr>
+      <tr><td><strong>7–8</strong></td><td>Балльная оценка по критериям</td></tr>
+      <tr><td><strong>⭐ доп.</strong></td><td>Дополнительный анализ (при необходимости, +5 дней)</td></tr>
+      <tr><td><strong>9–13</strong></td><td>Написание заключения</td></tr>
+      <tr><td><strong>13–15</strong></td><td>Согласование, Попечительский совет, уведомление</td></tr>
+      <tr style="background:#fff7e6;">
+        <td><strong>ИТОГО</strong></td><td><strong>15 календарных дней</strong> (без доп. анализа)</td>
+      </tr>
+    </tbody>
+  </table>
+  </div>
+</div>
+
+<!-- ═══ FAQ ═══ -->
+<div class="section">
+  <div class="section-header">
+    <div class="step-circle step-purple">❓</div>
+    <h2>Часто задаваемые вопросы</h2>
+  </div>
+
+  <h3><span class="icon">⏳</span> Что делать, если заявитель не отвечает?</h3>
+  <p>Повторный запрос через 3 рабочих дня. Нет ответа ещё 5 дней — рассмотрение приостанавливается. Срок 15 дней на паузе до получения ответа.</p>
+
+  <h3><span class="icon">📅</span> Можно ли продлить срок сверх 15 дней?</h3>
+  <p>Только по согласованию с руководителем ДПУ при объективных причинах. Оформляется служебной запиской. Дополнительный анализ — отдельное основание (+5 дней).</p>
+
+  <h3><span class="icon">⚠️</span> Что делать при конфликте интересов?</h3>
+  <p>Немедленно уведомить руководителя ДПУ письменно. Заявка передаётся другому менеджеру. Сокрытие — дисциплинарное нарушение.</p>
+
+  <h3><span class="icon">🏢</span> Кто администратор проекта?</h3>
+  <p>Неправительственные организации (НПО), отбираемые на конкурсной основе. Менеджер взаимодействует с НПО на всех этапах.</p>
+
+  <h3><span class="icon">🛡️</span> Куда по вопросам комплаенс?</h3>
+  <p>Комплаенс-офицер — Ешанкулов Мурат Еркинбекович. Подотчётен Попечительскому совету. Горячая линия: <strong>+7 (778) 500 15 41</strong>, <strong>hotline@sk-trust.kz</strong>.</p>
+</div>
+
+<div class="footer">
+  <p>Корпоративный фонд «Samruk-Kazyna Trust» &middot; Внутренний регламент &middot; Июнь 2026</p>
+</div>
+
+</div>
+
+</body>
+</html>

zaklyuchenie-forma.html

@@ -0,0 +1,621 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Форма заключения по социальному проекту — Samruk-Kazyna Trust</title>
+<style>
+  :root {
+    --blue: #1a5fa8;
+    --blue-light: #e3f0ff;
+    --blue-dark: #0d3b6e;
+    --gold: #e8a838;
+    --gold-light: #fff7e6;
+    --gray-100: #f3f4f6;
+    --gray-200: #e5e7eb;
+    --gray-400: #9ca3af;
+    --gray-700: #374151;
+    --gray-800: #1f2937;
+    --white: #ffffff;
+  }
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  body {
+    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
+    color: var(--gray-800);
+    background: #f0f4f8;
+    line-height: 1.65;
+  }
+
+  .container { max-width: 900px; margin: 0 auto; padding: 0 20px; }
+
+  /* Header */
+  .form-header {
+    background: linear-gradient(135deg, #0d3b6e 0%, #1a5fa8 50%, #2563c9 100%);
+    color: #fff;
+    padding: 40px 0 32px;
+    text-align: center;
+  }
+  .form-header h1 { font-size: 1.5rem; font-weight: 800; margin-bottom: 4px; letter-spacing: -0.2px; }
+  .form-header .form-type {
+    display: inline-block; margin-top: 8px; padding: 5px 16px;
+    background: rgba(232,168,56,0.25); border: 1px solid rgba(232,168,56,0.4);
+    border-radius: 999px; font-size: 0.82rem; font-weight: 700;
+    letter-spacing: 1px; text-transform: uppercase;
+  }
+
+  /* Form body */
+  .form-body {
+    background: #fff; border-radius: 20px;
+    padding: 40px; margin: 28px auto;
+    box-shadow: 0 4px 28px rgba(0,0,0,0.07);
+  }
+
+  /* Section */
+  .form-section {
+    margin-bottom: 36px;
+    padding-bottom: 28px;
+    border-bottom: 1px solid var(--gray-200);
+  }
+  .form-section:last-child { border-bottom: none; margin-bottom: 0; }
+  .section-num {
+    display: inline-flex; align-items: center; justify-content: center;
+    width: 32px; height: 32px; border-radius: 8px;
+    background: var(--blue); color: #fff;
+    font-size: 0.85rem; font-weight: 800;
+    margin-right: 10px; flex-shrink: 0;
+  }
+  .form-section h2 {
+    font-size: 1.1rem; color: var(--blue-dark);
+    margin-bottom: 16px; display: flex; align-items: center;
+  }
+  .form-section ol { padding-left: 22px; }
+  .form-section ol li { margin-bottom: 18px; }
+
+  .field-label {
+    font-weight: 700; font-size: 0.92rem; color: var(--gray-800);
+    margin-bottom: 6px; display: flex; align-items: center; gap: 6px;
+  }
+  .field-label .required { color: #dc3545; font-size: 0.85rem; }
+  .field-hint { font-size: 0.8rem; color: var(--gray-400); margin-bottom: 6px; font-style: italic; }
+
+  textarea, input[type="text"], input[type="number"], input[type="date"] {
+    width: 100%; padding: 10px 14px; border: 1px solid var(--gray-200);
+    border-radius: 10px; font-family: inherit; font-size: 0.88rem;
+    color: var(--gray-800); background: #f9fafb;
+    transition: border-color 0.15s, box-shadow 0.15s;
+    resize: vertical;
+  }
+  textarea:focus, input:focus {
+    outline: none; border-color: var(--blue);
+    box-shadow: 0 0 0 3px var(--blue-light);
+  }
+  textarea { min-height: 80px; }
+  input[type="number"]::-webkit-inner-spin-button { opacity: 1; }
+
+  .inline-fields {
+    display: grid; grid-template-columns: 1fr 1fr;
+    gap: 16px; margin-bottom: 18px;
+  }
+  .inline-fields-3 {
+    display: grid; grid-template-columns: 1fr 1fr 1fr;
+    gap: 16px; margin-bottom: 18px;
+  }
+  @media (max-width: 600px) {
+    .inline-fields, .inline-fields-3 { grid-template-columns: 1fr; }
+  }
+
+  /* Score grid */
+  .score-table {
+    width: 100%; border-collapse: collapse;
+    margin: 12px 0; font-size: 0.85rem;
+  }
+  .score-table th, .score-table td {
+    padding: 10px 12px; text-align: left;
+    border: 1px solid var(--gray-200);
+  }
+  .score-table th {
+    background: #e8f0fb; font-weight: 700; color: var(--blue-dark);
+    font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.4px;
+  }
+  .score-table input[type="number"] {
+    width: 60px; text-align: center; padding: 6px;
+  }
+
+  /* Divider */
+  .divider { border: none; border-top: 1px dashed var(--gray-200); margin: 24px 0; }
+
+  /* Signature block */
+  .sig-block {
+    display: grid; grid-template-columns: 1fr 1fr 1fr;
+    gap: 20px; margin-top: 24px;
+  }
+  @media (max-width: 600px) { .sig-block { grid-template-columns: 1fr; } }
+
+  /* Submit button */
+  .btn-row { text-align: center; margin-top: 32px; }
+  .btn {
+    display: inline-flex; align-items: center; gap: 8px;
+    padding: 12px 36px; border-radius: 12px;
+    background: linear-gradient(135deg, var(--blue), #2563c9);
+    color: #fff; font-weight: 700; font-size: 0.95rem;
+    border: none; cursor: pointer; text-decoration: none;
+    transition: transform 0.1s, box-shadow 0.15s;
+  }
+  .btn:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(26,95,168,0.3); }
+  .btn-print {
+    background: linear-gradient(135deg, var(--gold), #d4982a);
+    margin-left: 12px;
+  }
+  .btn-print:hover { box-shadow: 0 6px 18px rgba(232,168,56,0.3); }
+
+  /* Print */
+  @media print {
+    body { background: #fff; }
+    .form-body { box-shadow: none; border-radius: 0; padding: 20px; margin: 0; }
+    .btn-row { display: none; }
+    textarea, input { border: 1px solid #ccc; background: #fff; }
+    .form-header { background: var(--blue) !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
+  }
+</style>
+</head>
+<body>
+
+<div class="form-header">
+  <div class="container">
+    <h1>Заключение по благотворительному проекту</h1>
+    <div class="form-type">Форма № ЗКЛ-01 &middot; Социальные проекты</div>
+  </div>
+</div>
+
+<div class="container">
+<div class="form-body" id="conclusion-form">
+
+  <!-- ═══════════════════════════════════════ -->
+  <!-- 1. ОБЩИЕ СВЕДЕНИЯ -->
+  <!-- ═══════════════════════════════════════ -->
+  <div class="form-section">
+    <h2><span class="section-num">1</span> Общие сведения о проекте и заявителе</h2>
+
+    <div class="inline-fields">
+      <div>
+        <div class="field-label">Дата составления заключения <span class="required">*</span></div>
+        <input type="date" id="date">
+      </div>
+      <div>
+        <div class="field-label">Входящий номер заявки <span class="required">*</span></div>
+        <input type="text" placeholder="Пример: ВХ-2026-00142">
+      </div>
+    </div>
+
+    <div class="inline-fields">
+      <div>
+        <div class="field-label">Наименование заявителя <span class="required">*</span></div>
+        <input type="text" placeholder="ОФ / ОЮЛ / ИП / Физлицо">
+      </div>
+      <div>
+        <div class="field-label">БИН / ИИН заявителя <span class="required">*</span></div>
+        <input type="text" placeholder="12 цифр">
+      </div>
+    </div>
+
+    <div class="inline-fields">
+      <div>
+        <div class="field-label">Название проекта <span class="required">*</span></div>
+        <input type="text" placeholder="Краткое название проекта">
+      </div>
+      <div>
+        <div class="field-label">Срок реализации</div>
+        <input type="text" placeholder="Например: июль 2026 — декабрь 2026">
+      </div>
+    </div>
+
+    <div class="inline-fields-3">
+      <div>
+        <div class="field-label">Запрашиваемая сумма <span class="required">*</span></div>
+        <input type="number" placeholder="тенге" style="text-align:right">
+      </div>
+      <div>
+        <div class="field-label">Регион реализации</div>
+        <input type="text" placeholder="Город / область">
+      </div>
+      <div>
+        <div class="field-label">Благотворительная программа</div>
+        <input type="text" placeholder="Название программы">
+      </div>
+    </div>
+
+    <div>
+      <div class="field-label">ФИО менеджера, подготовившего заключение <span class="required">*</span></div>
+      <input type="text" placeholder="Фамилия Имя Отчество">
+    </div>
+  </div>
+
+  <!-- ═══════════════════════════════════════ -->
+  <!-- 2. АКТУАЛЬНОСТЬ -->
+  <!-- ═══════════════════════════════════════ -->
+  <div class="form-section">
+    <h2><span class="section-num">2</span> Актуальность проблемы</h2>
+    <p class="field-hint">Опишите проблему и докажите, что она реальна и требует решения именно сейчас.</p>
+
+    <ol>
+      <li>
+        <div class="field-label">2.1 Какая социальная проблема решается? <span class="required">*</span></div>
+        <textarea placeholder="Опишите проблему конкретно: что происходит, кто страдает, в чём выражается (цифры, факты)"></textarea>
+      </li>
+      <li>
+        <div class="field-label">2.2 На какие данные / исследования опираетесь? <span class="required">*</span></div>
+        <textarea placeholder="Источники: статданные, отчёты госорганов, соцопросы, публикации (с указанием названий и дат)"></textarea>
+      </li>
+      <li>
+        <div class="field-label">2.3 Почему проблему нужно решать именно сейчас?</div>
+        <textarea placeholder="Ухудшение показателей? Новый закон / поручение? Запрос от населения? Окно возможностей?"></textarea>
+      </li>
+      <li>
+        <div class="field-label">2.4 География проблемы</div>
+        <textarea placeholder="Где именно: страна / регион / город / район? Охват территории."></textarea>
+      </li>
+    </ol>
+  </div>
+
+  <!-- ═══════════════════════════════════════ -->
+  <!-- 3. ЦЕЛЬ И ЗАДАЧИ -->
+  <!-- ═══════════════════════════════════════ -->
+  <div class="form-section">
+    <h2><span class="section-num">3</span> Цель, задачи и мероприятия</h2>
+
+    <ol>
+      <li>
+        <div class="field-label">3.1 Цель проекта <span class="required">*</span></div>
+        <p class="field-hint">SMART-цель: конкретная, измеримая, достижимая, релевантная, ограниченная по времени.</p>
+        <textarea placeholder="Пример: «Обеспечить доступ к ранней диагностике заболеваний опорно-двигательного аппарата для 500 детей в возрасте 6–12 лет в Алматинской области к декабрю 2026 года»"></textarea>
+      </li>
+      <li>
+        <div class="field-label">3.2 Задачи (что нужно сделать для достижения цели) <span class="required">*</span></div>
+        <textarea placeholder="Перечислите задачи: 1. ...&#10;2. ...&#10;3. ..."></textarea>
+      </li>
+      <li>
+        <div class="field-label">3.3 Ключевые мероприятия <span class="required">*</span></div>
+        <textarea placeholder="Основные мероприятия и их исполнители. Приложите календарный план."></textarea>
+      </li>
+      <li>
+        <div class="field-label">3.4 Целевая аудитория (бенефициары) <span class="required">*</span></div>
+        <textarea placeholder="Кто получит помощь? Количество, категории (дети, пожилые, люди с инвалидностью и т.д.)"></textarea>
+      </li>
+    </ol>
+  </div>
+
+  <!-- ═══════════════════════════════════════ -->
+  <!-- 4. СОЦИАЛЬНАЯ ЗНАЧИМОСТЬ -->
+  <!-- ═══════════════════════════════════════ -->
+  <div class="form-section">
+    <h2><span class="section-num">4</span> Социальная значимость и ожидаемые результаты</h2>
+
+    <ol>
+      <li>
+        <div class="field-label">4.1 Влияние на целевую аудиторию <span class="required">*</span></div>
+        <textarea placeholder="Что изменится в жизни бенефициаров? Какие конкретные улучшения?"></textarea>
+      </li>
+      <li>
+        <div class="field-label">4.2 Количественные показатели (KPI) <span class="required">*</span></div>
+        <p class="field-hint">Каждый показатель должен быть измеримым.</p>
+        <textarea placeholder="Пример:&#10;— Количество бенефициаров: 500 детей&#10;— Количество проведённых мероприятий: 20 мастер-классов&#10;— Количество обученных специалистов: 15 чел.&#10;— Охват информационной кампании: 50 000 чел."></textarea>
+      </li>
+      <li>
+        <div class="field-label">4.3 Качественные показатели</div>
+        <textarea placeholder="Что улучшится: качество жизни, уровень знаний, доступность услуги, социальная интеграция?"></textarea>
+      </li>
+      <li>
+        <div class="field-label">4.4 Соответствие Целям устойчивого развития (ЦУР ООН) или госпрограммам</div>
+        <p class="field-hint">Укажите, если применимо.</p>
+        <input type="text" placeholder="Например: ЦУР 3 «Хорошее здоровье», ЦУР 4 «Качественное образование»">
+      </li>
+      <li>
+        <div class="field-label">4.5 Масштабируемость</div>
+        <textarea placeholder="Можно ли тиражировать проект в других регионах? Что для этого нужно?"></textarea>
+      </li>
+    </ol>
+  </div>
+
+  <!-- ═══════════════════════════════════════ -->
+  <!-- 5. СТАТИСТИКА -->
+  <!-- ═══════════════════════════════════════ -->
+  <div class="form-section">
+    <h2><span class="section-num">5</span> Статистика и обоснование цифрами</h2>
+    <p class="field-hint">Раздел должен опираться на проверяемые данные.</p>
+
+    <ol>
+      <li>
+        <div class="field-label">5.1 Статистика по проблеме <span class="required">*</span></div>
+        <textarea placeholder="Цифры, подтверждающие масштаб проблемы:&#10;— Официальная статистика (Бюро нацстатистики, Минздрав, Минтруда)&#10;— Данные акиматов&#10;— Международные индексы и рейтинги (ООН, ВОЗ, ЮНИСЕФ)"></textarea>
+      </li>
+      <li>
+        <div class="field-label">5.2 Статистика по региону проекта</div>
+        <textarea placeholder="Специфические цифры по области / городу. Сравнение со средними по стране."></textarea>
+      </li>
+      <li>
+        <div class="field-label">5.3 Бенчмаркинг (аналогичные проекты) <span class="required">*</span></div>
+        <textarea placeholder="Есть ли похожие проекты в Казахстане или за рубежом? Какие у них результаты? Чем данный проект отличается или дополняет?"></textarea>
+      </li>
+      <li>
+        <div class="field-label">5.4 Расчёт охвата</div>
+        <textarea placeholder="Доля целевой аудитории, которую охватит проект (в % от нуждающихся в регионе)"></textarea>
+      </li>
+      <li>
+        <div class="field-label">5.5 Эффективность затрат</div>
+        <textarea placeholder="Стоимость на одного бенефициара. Сравнение с аналогичными проектами."></textarea>
+      </li>
+    </ol>
+  </div>
+
+  <!-- ═══════════════════════════════════════ -->
+  <!-- 6. ЦЕНОВАЯ ПОЛИТИКА -->
+  <!-- ═══════════════════════════════════════ -->
+  <div class="form-section">
+    <h2><span class="section-num">6</span> Ценовая политика и финансовое обоснование</h2>
+
+    <ol>
+      <li>
+        <div class="field-label">6.1 Запрашиваемая сумма и её детализация <span class="required">*</span></div>
+        <table class="score-table">
+          <thead><tr><th>Статья расходов</th><th>Сумма (тг)</th><th>% от бюджета</th></tr></thead>
+          <tbody>
+            <tr><td>Оборудование и материалы</td><td><input type="number" style="width:100%"></td><td><input type="number" style="width:100%"></td></tr>
+            <tr><td>Услуги специалистов / экспертов</td><td><input type="number" style="width:100%"></td><td><input type="number" style="width:100%"></td></tr>
+            <tr><td>Транспортные расходы</td><td><input type="number" style="width:100%"></td><td><input type="number" style="width:100%"></td></tr>
+            <tr><td>Аренда помещений / площадок</td><td><input type="number" style="width:100%"></td><td><input type="number" style="width:100%"></td></tr>
+            <tr><td>Информационное сопровождение</td><td><input type="number" style="width:100%"></td><td><input type="number" style="width:100%"></td></tr>
+            <tr><td>Административные расходы НПО</td><td><input type="number" style="width:100%"></td><td><input type="number" style="width:100%"></td></tr>
+            <tr><td>Прочие расходы</td><td><input type="number" style="width:100%"></td><td><input type="number" style="width:100%"></td></tr>
+            <tr style="font-weight:700;background:#fff7e6;"><td><strong>ИТОГО</strong></td><td><strong id="total-sum">0</strong></td><td><strong>100%</strong></td></tr>
+          </tbody>
+        </table>
+      </li>
+      <li>
+        <div class="field-label">6.2 Обоснование цен <span class="required">*</span></div>
+        <textarea placeholder="Как определялись цены? Есть ли коммерческие предложения (приложить)? Соответствуют ли рыночным?"></textarea>
+      </li>
+      <li>
+        <div class="field-label">6.3 Доля административных расходов <span class="required">*</span></div>
+        <input type="text" placeholder="Должна быть ≤ 20%. Фактическая доля: ___%">
+      </li>
+      <li>
+        <div class="field-label">6.4 Софинансирование / собственный вклад</div>
+        <textarea placeholder="Есть ли софинансирование от других источников? Собственный вклад заявителя? В какой форме (деньги, труд волонтёров, помещение, оборудование)?"></textarea>
+      </li>
+      <li>
+        <div class="field-label">6.5 Обоснованность запрашиваемой суммы</div>
+        <textarea placeholder="Почему именно столько? Не завышена ли сумма? Можно ли достичь результата меньшими средствами?"></textarea>
+      </li>
+    </ol>
+  </div>
+
+  <!-- ═══════════════════════════════════════ -->
+  <!-- 7. КОМАНДА И РЕАЛИЗУЕМОСТЬ -->
+  <!-- ═══════════════════════════════════════ -->
+  <div class="form-section">
+    <h2><span class="section-num">7</span> Команда, реализуемость и риски</h2>
+
+    <ol>
+      <li>
+        <div class="field-label">7.1 Опыт заявителя <span class="required">*</span></div>
+        <textarea placeholder="Опыт реализации аналогичных проектов? Есть ли успешные кейсы? Сколько лет работает организация?"></textarea>
+      </li>
+      <li>
+        <div class="field-label">7.2 Ключевые члены команды</div>
+        <textarea placeholder="ФИО, роль, квалификация, релевантный опыт"></textarea>
+      </li>
+      <li>
+        <div class="field-label">7.3 НПО-администратор</div>
+        <input type="text" placeholder="Наименование НПО, контакты">
+      </li>
+      <li>
+        <div class="field-label">7.4 Реалистичность календарного плана <span class="required">*</span></div>
+        <textarea placeholder="Уложатся ли в сроки? Нет ли накладок? Все ли этапы учтены?"></textarea>
+      </li>
+      <li>
+        <div class="field-label">7.5 Основные риски <span class="required">*</span></div>
+        <textarea placeholder="Перечислить 3–5 ключевых рисков и меры по их минимизации:&#10;1. Риск: ... → Мера: ...&#10;2. Риск: ... → Мера: ..."></textarea>
+      </li>
+      <li>
+        <div class="field-label">7.6 План устойчивости после завершения финансирования</div>
+        <textarea placeholder="Что будет после окончания гранта? Как проект продолжит существование?"></textarea>
+      </li>
+    </ol>
+  </div>
+
+  <!-- ═══════════════════════════════════════ -->
+  <!-- 8. РЕЗУЛЬТАТЫ ПРОВЕРКИ -->
+  <!-- ═══════════════════════════════════════ -->
+  <div class="form-section">
+    <h2><span class="section-num">8</span> Результаты проверки заявителя</h2>
+
+    <div class="inline-fields">
+      <div>
+        <div class="field-label">Статус юрлица / ИП</div>
+        <input type="text" placeholder="Действующее / в ликвидации / иное">
+      </div>
+      <div>
+        <div class="field-label">Налоговая задолженность</div>
+        <input type="text" placeholder="Отсутствует / имеется (сумма)">
+      </div>
+    </div>
+    <div class="inline-fields">
+      <div>
+        <div class="field-label">Судебные дела</div>
+        <input type="text" placeholder="Нет / есть (описание)">
+      </div>
+      <div>
+        <div class="field-label">В реестре недобросовестных</div>
+        <input type="text" placeholder="Нет / да">
+      </div>
+    </div>
+    <div class="inline-fields">
+      <div>
+        <div class="field-label">Репутация (открытые источники)</div>
+        <input type="text" placeholder="Положительная / нейтральная / негативная">
+      </div>
+      <div>
+        <div class="field-label">Дополнительная проверка проводилась</div>
+        <input type="text" placeholder="Нет / да (указать какая)">
+      </div>
+    </div>
+    <div>
+      <div class="field-label">Вывод по проверке</div>
+      <textarea placeholder="Замечания, риски, рекомендации по итогам проверки заявителя"></textarea>
+    </div>
+  </div>
+
+  <!-- ═══════════════════════════════════════ -->
+  <!-- 9. БАЛЛЬНАЯ ОЦЕНКА -->
+  <!-- ═══════════════════════════════════════ -->
+  <div class="form-section">
+    <h2><span class="section-num">9</span> Балльная оценка проекта</h2>
+    <p class="field-hint">Каждый критерий — от 0 до 5 баллов. Заполняется в соответствии с инструкцией.</p>
+
+    <table class="score-table">
+      <thead><tr><th>#</th><th>Критерий</th><th>Балл (0–5)</th><th>Обоснование</th></tr></thead>
+      <tbody>
+        <tr>
+          <td>1</td><td><strong>Соответствие принципам фонда</strong></td>
+          <td><input type="number" min="0" max="5" value="0"></td>
+          <td><input type="text" placeholder="Кратко"></td>
+        </tr>
+        <tr>
+          <td>2</td><td><strong>Соответствие миссии</strong></td>
+          <td><input type="number" min="0" max="5" value="0"></td>
+          <td><input type="text" placeholder="Кратко"></td>
+        </tr>
+        <tr>
+          <td>3</td><td><strong>Актуальность и обоснованность</strong></td>
+          <td><input type="number" min="0" max="5" value="0"></td>
+          <td><input type="text" placeholder="Кратко"></td>
+        </tr>
+        <tr>
+          <td>4</td><td><strong>Социальная значимость (охват, эффект)</strong></td>
+          <td><input type="number" min="0" max="5" value="0"></td>
+          <td><input type="text" placeholder="Кратко"></td>
+        </tr>
+        <tr>
+          <td>5</td><td><strong>Реалистичность и команда</strong></td>
+          <td><input type="number" min="0" max="5" value="0"></td>
+          <td><input type="text" placeholder="Кратко"></td>
+        </tr>
+        <tr>
+          <td>6</td><td><strong>Финансовая обоснованность</strong></td>
+          <td><input type="number" min="0" max="5" value="0"></td>
+          <td><input type="text" placeholder="Кратко"></td>
+        </tr>
+        <tr>
+          <td>7</td><td><strong>Устойчивость (после финансирования)</strong></td>
+          <td><input type="number" min="0" max="5" value="0"></td>
+          <td><input type="text" placeholder="Кратко"></td>
+        </tr>
+        <tr style="font-weight:700;background:#fff7e6;">
+          <td colspan="2" style="text-align:right"><strong>ИТОГО БАЛЛОВ (макс. 35):</strong></td>
+          <td style="font-size:1.1rem;" id="total-score">0</td>
+          <td></td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+
+  <!-- ═══════════════════════════════════════ -->
+  <!-- 10. ВЫВОД -->
+  <!-- ═══════════════════════════════════════ -->
+  <div class="form-section">
+    <h2><span class="section-num">10</span> Итоговый вывод</h2>
+
+    <ol>
+      <li>
+        <div class="field-label">10.1 Сильные стороны проекта <span class="required">*</span></div>
+        <textarea placeholder="Минимум 3 пункта"></textarea>
+      </li>
+      <li>
+        <div class="field-label">10.2 Слабые стороны / замечания</div>
+        <textarea placeholder="Что требует доработки? Какие условия следует выставить?"></textarea>
+      </li>
+      <li>
+        <div class="field-label">10.3 Рекомендуемое решение <span class="required">*</span></div>
+        <div style="display:flex;gap:12px;flex-wrap:wrap;margin:10px 0;">
+          <label style="display:flex;align-items:center;gap:6px;font-weight:600;color:#047857;cursor:pointer">
+            <input type="radio" name="decision" value="approve"> Рекомендовать к финансированию
+          </label>
+          <label style="display:flex;align-items:center;gap:6px;font-weight:600;color:#b45309;cursor:pointer">
+            <input type="radio" name="decision" value="conditional"> Рекомендовать с условиями
+          </label>
+          <label style="display:flex;align-items:center;gap:6px;font-weight:600;color:#c81e1e;cursor:pointer">
+            <input type="radio" name="decision" value="reject"> Не рекомендовать
+          </label>
+        </div>
+      </li>
+      <li>
+        <div class="field-label">10.4 Условия (при условном одобрении)</div>
+        <textarea placeholder="Перечислить конкретные условия и сроки их выполнения"></textarea>
+      </li>
+      <li>
+        <div class="field-label">10.5 Рекомендуемая сумма к выделению</div>
+        <input type="number" placeholder="тенге" style="text-align:right">
+      </li>
+    </ol>
+  </div>
+
+  <!-- ═══════════════════════════════════════ -->
+  <!-- 11. ПОДПИСИ -->
+  <!-- ═══════════════════════════════════════ -->
+  <div class="form-section">
+    <h2><span class="section-num">11</span> Подписи</h2>
+    <div class="sig-block">
+      <div>
+        <div class="field-label">Менеджер ДПУ</div>
+        <div style="height:50px;border-bottom:1px solid #000;margin-bottom:6px;"></div>
+        <p style="font-size:0.82rem;color:var(--gray-400);">Подпись, ФИО, дата</p>
+      </div>
+      <div>
+        <div class="field-label">Руководитель ДПУ</div>
+        <div style="height:50px;border-bottom:1px solid #000;margin-bottom:6px;"></div>
+        <p style="font-size:0.82rem;color:var(--gray-400);">Подпись, ФИО, дата</p>
+      </div>
+      <div>
+        <div class="field-label">Попечительский совет</div>
+        <div style="height:50px;border-bottom:1px solid #000;margin-bottom:6px;"></div>
+        <p style="font-size:0.82rem;color:var(--gray-400);">№ протокола, дата</p>
+      </div>
+    </div>
+  </div>
+
+  <!-- Buttons -->
+  <div class="btn-row">
+    <a href="#" class="btn" onclick="window.print();return false;">🖨️ Распечатать</a>
+    <a href="https://pages.git.vibe42.kz/Alfiya_Adi/sk-trust-manager/" class="btn btn-print">📖 Открыть инструкцию</a>
+  </div>
+
+</div>
+</div>
+
+<script>
+  // Auto-sum for budget table
+  document.querySelectorAll('.score-table tbody input[type="number"]').forEach(function(el){
+    el.addEventListener('input', function(){
+      // Sum for first table (budget) — first 7 rows
+      var rows = document.querySelectorAll('.score-table');
+      if (rows.length >= 2) {
+        var budgetRows = rows[0].querySelectorAll('tbody tr:not(:last-child) input[type="number"]');
+        var total = 0;
+        budgetRows.forEach(function(inp){ total += Number(inp.value) || 0; });
+        var totalEl = rows[0].querySelector('tbody tr:last-child strong');
+        if (totalEl) totalEl.textContent = total.toLocaleString('ru-RU');
+      }
+      // Sum for score table (last table with 7 criteria + итого)
+      var allTables = document.querySelectorAll('.score-table');
+      var lastTable = allTables[allTables.length - 1];
+      var scoreRows = lastTable.querySelectorAll('tbody tr:not(:last-child) input[type="number"]');
+      var scoreTotal = 0;
+      scoreRows.forEach(function(inp){ scoreTotal += Number(inp.value) || 0; });
+      var scoreEl = lastTable.querySelector('#total-score');
+      if (scoreEl) scoreEl.textContent = scoreTotal + ' / 35';
+    });
+  });
+</script>
+
+</body>
+</html>