v2: добавлен доп. анализ + яркий дизайн

index.html

@@ -6,145 +6,228 @@
 <title>Подготовка заключения — Samruk-Kazyna Trust</title>
 <style>
   :root {
-    --primary: #0f3b5e;
-    --primary-light: #e6f0f9;
-    --accent: #c8923a;
-    --danger: #c81e1e;
-    --danger-light: #fde8e8;
-    --warning: #b45309;
-    --warning-light: #fef3c7;
-    --success: #047857;
-    --success-light: #d1fae5;
-    --gray-50: #f9fafb;
-    --gray-100: #f3f4f6;
-    --gray-200: #e5e7eb;
-    --gray-600: #4b5563;
+    --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: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
     color: var(--gray-800);
-    background: var(--gray-50);
+    background: var(--gray-bg);
     line-height: 1.7;
   }
-  .container {
-    max-width: 900px;
-    margin: 0 auto;
-    padding: 32px 20px;
-  }
+
+  .container { max-width: 960px; margin: 0 auto; padding: 0 20px; }
+
+  /* ─── Header ─── */
   .header {
-    background: linear-gradient(135deg, var(--primary), #1a365d);
+    background: linear-gradient(135deg, #0d3b6e 0%, #1a5fa8 40%, #2980cc 100%);
     color: #fff;
-    padding: 48px 0 36px;
+    padding: 60px 0 48px;
     text-align: center;
-    border-radius: 0 0 24px 24px;
-    margin-bottom: 40px;
+    position: relative;
+    overflow: hidden;
   }
-  .header h1 { font-size: 1.7rem; font-weight: 800; margin-bottom: 6px; }
-  .header .subtitle { font-size: 0.95rem; opacity: 0.88; }
-  .header .logo-line { font-size: 0.82rem; opacity: 0.7; margin-top: 10px; letter-spacing: 0.5px; }
-  .deadline-badge {
-    display: inline-flex;
-    align-items: center;
-    gap: 8px;
-    background: var(--accent);
-    color: #fff;
-    padding: 7px 18px;
-    border-radius: 999px;
-    font-weight: 700;
-    font-size: 0.92rem;
-    margin-top: 14px;
+  .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;
   }
-  .section {
-    background: #fff;
-    border: 1px solid var(--gray-200);
-    border-radius: 16px;
-    padding: 32px;
-    margin-bottom: 24px;
+  .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;
   }
-  .section h2 {
-    font-size: 1.25rem;
-    color: var(--primary);
-    margin-bottom: 20px;
-    padding-bottom: 12px;
-    border-bottom: 2px solid var(--gray-100);
-    display: flex;
-    align-items: center;
-    gap: 10px;
-  }
-  .section h2 .step-num {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 34px; height: 34px;
-    background: var(--primary);
-    color: #fff;
-    border-radius: 50%;
-    font-size: 0.95rem;
+  .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: 1.02rem;
-    color: var(--gray-800);
-    margin: 20px 0 10px;
+    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; }
-  ul, ol { padding-left: 24px; margin: 10px 0 16px; }
-  li { margin-bottom: 7px; color: var(--gray-700); }
+  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;
-    margin: 16px 0;
-    font-size: 0.88rem;
+    width: 100%; border-collapse: collapse;
+    font-size: 0.86rem; border-radius: 12px; overflow: hidden;
   }
-  th, td {
-    padding: 10px 14px;
-    text-align: left;
-    border: 1px solid var(--gray-200);
+  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;
   }
-  th { background: var(--gray-100); font-weight: 700; color: var(--gray-800); }
-  tr:nth-child(even) td { background: var(--gray-50); }
+  tbody tr:last-child td { border-bottom: none; }
+  tbody tr:hover td { background: #f8fafd; }
+
+  /* Callouts */
   .callout {
-    padding: 14px 18px;
-    border-radius: 10px;
-    margin: 16px 0;
-    font-size: 0.9rem;
-    line-height: 1.6;
+    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-warn  { background: var(--warning-light); border-left: 4px solid var(--warning); color: #92400e; }
-  .callout-info  { background: var(--primary-light); border-left: 4px solid var(--primary); color: #1e40af; }
-  .callout-danger { background: var(--danger-light);  border-left: 4px solid var(--danger);  color: #991b1b; }
-  .callout-success { background: var(--success-light); border-left: 4px solid var(--success); color: #065f46; }
-  .callout strong { display: block; margin-bottom: 4px; }
-  .checklist { list-style: none; padding-left: 0; }
-  .checklist li {
-    padding: 5px 0 5px 28px;
-    position: relative;
-    color: var(--gray-700);
+  .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;
   }
-  .checklist li::before { content: '☐'; position: absolute; left: 0; font-size: 1rem; color: var(--accent); }
+  .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: 32px 0;
-    color: var(--gray-600);
-    font-size: 0.82rem;
+    text-align: center; padding: 40px 0;
+    color: #9ca3af; font-size: 0.82rem;
   }
-  .highlight-box {
-    background: #f0f7ff;
-    border: 1px dashed var(--primary);
-    border-radius: 10px;
-    padding: 16px 18px;
-    margin: 16px 0;
-  }
-  .flow-arrow { text-align: center; font-size: 1.4rem; color: var(--accent); margin: -8px 0; }
+  .footer a { color: var(--blue); text-decoration: none; }
+
+  /* Print */
   @media print {
     body { background: #fff; }
-    .header { background: var(--primary) !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
-    .section { break-inside: avoid; }
+    .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>
@@ -152,291 +235,461 @@
 
 <div class="header">
   <div class="container">
-    <div class="logo-line">Корпоративный фонд</div>
+    <div class="logo-text">Корпоративный фонд</div>
     <h1>Подготовка заключения по проекту</h1>
     <p class="subtitle">Пошаговая инструкция для менеджера Департамента проектного управления</p>
-    <div class="deadline-badge">⏱ Срок: 15 календарных дней</div>
+    <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">
-  <h2>📌 Общий порядок</h2>
-  <p>Менеджер получает <strong>готовую карточку заявки</strong> от ИИ-ассистента — все документы уже проверены на комплектность, данные заявителя извлечены и сверены с реестрами. Задача менеджера — провести <strong>содержательный анализ, подготовить заключение и вынести проект на Попечительский совет</strong>.</p>
+  <div class="section-header">
+    <div class="step-circle step-blue">📌</div>
+    <h2>Общий порядок работы</h2>
+  </div>
 
-  <div class="flow-arrow">⬇️</div>
+  <p>Менеджер получает <strong>готовую карточку заявки</strong> от ИИ-ассистента — документы проверены, данные извлечены, заявитель сверен с реестрами. Задача менеджера — <strong>содержательный анализ, подготовка заключения и вынос на Попечительский совет</strong>.</p>
 
-  <div class="highlight-box">
-    <strong style="color:var(--primary)">5 этапов работы менеджера:</strong>
-    <ol style="margin-top:8px">
-      <li><strong>Изучение карточки заявки</strong> — что пришло, от кого, на какую сумму, по какой программе</li>
-      <li><strong>Анализ заявителя и проекта</strong> — камеральная проверка, содержательная экспертиза, связь с заявителем</li>
-      <li><strong>Балльная оценка</strong> — расчёт по критериям</li>
-      <li><strong>Написание заключения</strong> — по утверждённой структуре</li>
-      <li><strong>Передача на согласование</strong> — руководителю ДПУ, далее на Попечительский совет</li>
-    </ol>
+  <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">
-    <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>Закон РК «О благотворительности» и 135-ФЗ РФ</li>
-    </ul>
+    <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-warn">
-    <strong>🔴 Принципы фонда — обязательны к соблюдению на всех этапах:</strong>
-    Законность &middot; Равноправие &middot; Добровольность &middot; Гласность
+  <div class="callout callout-purple">
+    <span class="emoji">🔷</span>
+    <div>
+      <strong>Принципы фонда</strong>
+      Законность &middot; Равноправие &middot; Добровольность &middot; Гласность
+    </div>
   </div>
 </div>
 
-<!-- ШАГ 1: ИЗУЧЕНИЕ КАРТОЧКИ -->
+<!-- ═══ ШАГ 1 ═══ -->
 <div class="section">
-  <h2><span class="step-num">1</span> Изучение карточки заявки</h2>
-  <p><strong>День 1.</strong> Начать сразу после получения карточки от ИИ-ассистента.</p>
+  <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>
+    <thead><tr><th>Что проверяем</th><th>Действие</th></tr></thead>
     <tbody>
-      <tr><td>Заявитель</td><td>Юрлицо или физлицо? Проверить ИИН/БИН, статус в ЕГРЮЛ (действующее, не в ликвидации)</td></tr>
-      <tr><td>Программа</td><td>По какой благотворительной программе подана заявка? Соответствует ли проект приоритетам?</td></tr>
-      <tr><td>Сумма</td><td>Входит ли в лимиты программы? Нет ли превышения?</td></tr>
-      <tr><td>Документы</td><td>Все ли обязательные документы в наличии? (смета, календарный план, устав/паспорт, ИНН)</td></tr>
-      <tr><td>Администратор</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>
+      <tr><td><strong>НПО-администратор</strong></td><td>Какая НПО будет администратором? Проверить статус</td></tr>
     </tbody>
   </table>
+  </div>
 
   <div class="callout callout-danger">
-    <strong>🚫 Если заявка не по адресу:</strong>
-    Вернуть с мотивировкой в течение <strong>2 рабочих дней</strong>. Причина: несоответствие программе, неполный пакет, заявитель в стадии ликвидации.
+    <span class="emoji">🚫</span>
+    <div>
+      <strong>Возврат заявки</strong>
+      Если несоответствие программе, неполный пакет или заявитель в ликвидации — вернуть с мотивировкой в течение <strong>2 рабочих дней</strong>.
+    </div>
   </div>
 </div>
 
-<!-- ШАГ 2: АНАЛИЗ -->
+<!-- ═══ ШАГ 2 ═══ -->
 <div class="section">
-  <h2><span class="step-num">2</span> Анализ заявителя и проекта</h2>
-  <p><strong>Дни 2–8.</strong> Самый объёмный этап. Делится на 4 подэтапа.</p>
+  <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>
 
-  <h3>2.1 Камеральная проверка (дни 1–3)</h3>
+  <!-- 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>
+    <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>КГД РК, портал 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>
+      <tr><td>Смета</td><td>Сравнить цены с рыночными (2–3 коммерческих предложения)</td></tr>
     </tbody>
   </table>
+  </div>
 
-  <h3>2.2 Содержательная экспертиза (дни 2–5)</h3>
-  <p>Оценить логику проекта по цепочке:</p>
-  <div class="highlight-box">
-    <strong>Проблема → Цель → Задачи → Мероприятия → Ожидаемые результаты</strong>
+  <!-- 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>
+    <li>Реальна ли проблема? Подтверждена ли данными?</li>
+    <li>Измеримы ли показатели? (Не «помочь детям», а «обучить 150 детей, 10 мастер-классов»)</li>
+    <li>Реалистичен ли календарный план?</li>
+    <li>Соответствует ли приоритетам: соц/мед помощь, региональное развитие, человеческий потенциал?</li>
+    <li>Есть ли собственный вклад или софинансирование?</li>
   </ul>
 
-  <h3>2.3 Коммуникация с заявителем (дни 3–6)</h3>
+  <!-- 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><strong>Все контакты фиксировать</strong> в карточке заявки (дата, суть разговора, результат)</li>
+    <li>Звонок / видеовстреча — понять мотивацию, задать уточняющие вопросы</li>
+    <li>Недостающие пояснения запросить письменно (email)</li>
+    <li>Подтвердить готовность НПО-администратора</li>
+    <li>Фиксировать все контакты в карточке: дата, суть, результат</li>
   </ul>
 
-  <h3>2.4 Оценка по критериям (день 7–8)</h3>
-  <p>Каждый критерий — <strong>от 0 до 5 баллов</strong>. Заполнять оценочный лист <strong>сразу по ходу анализа</strong>.</p>
+  <!-- 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>Высокий</td></tr>
-      <tr><td>2</td><td>Соответствие миссии</td><td>Совпадает ли цель с уставными задачами КФ «Samruk-Kazyna Trust»?</td><td>Высокий</td></tr>
-      <tr><td>3</td><td>Социальная значимость</td><td>Сколько людей получат помощь? Решаема ли проблема? Измеримы ли результаты?</td><td>Высокий</td></tr>
-      <tr><td>4</td><td>Реалистичность</td><td>Реальны ли сроки и бюджет? Есть ли у заявителя опыт и команда?</td><td>Средний</td></tr>
-      <tr><td>5</td><td>Финансовая обоснованность</td><td>Цены рынку соответствуют? Админ-расходы ≤ 20%?</td><td>Средний</td></tr>
-      <tr><td>6</td><td>Устойчивость</td><td>Что после финансирования? Есть ли план продолжения?</td><td>Низкий</td></tr>
+      <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>
+    <thead><tr><th>Балл</th><th>Расшифровка</th></tr></thead>
     <tbody>
-      <tr><td>5</td><td>Превосходно — полностью соответствует, подтверждено</td></tr>
-      <tr><td>4</td><td>Хорошо — мелкие замечания</td></tr>
-      <tr><td>3</td><td>Удовлетворительно — требуется доработка</td></tr>
-      <tr><td>2</td><td>Слабо — серьёзные пробелы</td></tr>
-      <tr><td>1</td><td>Неудовлетворительно</td></tr>
-      <tr><td>0</td><td>Нет данных</td></tr>
+      <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">
-    <strong>✅ Пороговые значения:</strong>
-    <ul style="margin:4px 0 0 0; padding-left:18px">
-      <li><strong>≥ 20 баллов</strong> (из 30) — рекомендуется к финансированию</li>
-      <li><strong>18–19 баллов</strong> — на дополнительное обсуждение руководителя ДПУ</li>
-      <li><strong>&lt; 18 баллов</strong> — не рекомендуется</li>
-    </ul>
+    <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>
 
-<!-- ШАГ 3: НАПИСАНИЕ ЗАКЛЮЧЕНИЯ -->
+<!-- ═══ НОВЫЙ БЛОК: ДОПОЛНИТЕЛЬНЫЙ АНАЛИЗ ═══ -->
 <div class="section">
-  <h2><span class="step-num">3</span> Написание заключения</h2>
-  <p><strong>Дни 9–13.</strong> По результатам анализа менеджер готовит письменное заключение.</p>
+  <div class="section-header">
+    <div class="step-circle step-orange">🔬</div>
+    <h2>Дополнительный анализ — когда и какие документы требовать</h2>
+  </div>
 
-  <h3>Структура заключения (обязательные разделы)</h3>
+  <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></tr></thead>
+    <thead><tr><th>Документ</th><th>Когда требовать</th><th>Обязательность</th></tr></thead>
     <tbody>
       <tr>
-        <td><strong>1. Шапка</strong></td>
-        <td>Дата, № заявки, ФИО менеджера, название проекта, заявитель (БИН/ИИН), запрашиваемая сумма, программа</td>
+        <td><strong>Налоговая отчётность за 2 года</strong></td>
+        <td>Новый заявитель, сумма &gt; 50 млн тг</td>
+        <td><span class="tag tag-must">Обязательно</span></td>
       </tr>
       <tr>
-        <td><strong>2. Описание проекта</strong></td>
-        <td>2–3 абзаца: проблема → цель → что будет сделано → ожидаемый результат. <em>Писать сухо, по фактам.</em></td>
+        <td><strong>Справка об отсутствии задолженности</strong></td>
+        <td>При любом пограничном балле</td>
+        <td><span class="tag tag-must">Обязательно</span></td>
       </tr>
       <tr>
-        <td><strong>3. Оценочный лист</strong></td>
-        <td>Таблица с баллами по каждому из 6 критериев + краткое обоснование каждого балла</td>
+        <td><strong>Рекомендательные письма</strong></td>
+        <td>Новый заявитель без истории проектов</td>
+        <td><span class="tag tag-must">Обязательно</span></td>
       </tr>
       <tr>
-        <td><strong>4. Сильные стороны</strong></td>
-        <td>Минимум 2 пункта — что в проекте хорошо (опыт команды, актуальность проблемы, софинансирование, инновационность)</td>
+        <td><strong>Резюме ключевых членов команды</strong></td>
+        <td>Сложный/многокомпонентный проект</td>
+        <td><span class="tag tag-recomm">Рекомендуется</span></td>
       </tr>
       <tr>
-        <td><strong>5. Риски и слабые стороны</strong></td>
-        <td>Минимум 2 пункта + предложения по минимизации каждого риска</td>
+        <td><strong>Письма поддержки от акимата</strong></td>
+        <td>Региональный проект</td>
+        <td><span class="tag tag-recomm">Рекомендуется</span></td>
       </tr>
       <tr>
-        <td><strong>6. Финансовый комментарий</strong></td>
-        <td>Обоснованность бюджета, замечания по статьям, рекомендации по корректировке. Доля админ-расходов.</td>
+        <td><strong>Видеопрезентация проекта</strong></td>
+        <td>Невозможен выезд на место</td>
+        <td><span class="tag tag-opt">Опционально</span></td>
       </tr>
       <tr>
-        <td><strong>7. Вывод</strong></td>
-        <td>
-          Один из трёх:<br>
-          • «Рекомендуется к финансированию в полном объёме»<br>
-          • «Рекомендуется к финансированию с условиями» (перечислить)<br>
-          • «Не рекомендуется к финансированию» (обосновать)
-        </td>
+        <td><strong>Заключение профильного эксперта</strong></td>
+        <td>Узкоспециализированный проект</td>
+        <td><span class="tag tag-recomm">Рекомендуется</span></td>
       </tr>
       <tr>
-        <td><strong>8. Подпись</strong></td>
-        <td>ФИО, должность, дата, место для подписи</td>
+        <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">
-    <strong>📝 Используемые формы:</strong>
-    <ul style="margin:4px 0 0 0; padding-left:18px">
-      <li>Бланк заключения — форма № ЗКЛ-01</li>
-      <li>Оценочный лист — форма № ОЦ-01</li>
-      <li>Чек-лист проверки — форма № ЧЛ-01</li>
-    </ul>
+    <span class="emoji">📝</span>
+    <div>
+      <strong>Формы</strong>
+      Бланк заключения (№ ЗКЛ-01) &middot; Оценочный лист (№ ОЦ-01) &middot; Чек-лист (№ ЧЛ-01)
+    </div>
   </div>
 
   <div class="callout callout-danger">
-    <strong>🚫 Категорически запрещено:</strong>
-    <ul style="margin:4px 0 0 0; padding-left:18px">
-      <li>Принимать решение на основе личных отношений</li>
-      <li>Скрывать конфликт интересов (заявитель — родственник / друг)</li>
-      <li>Пропускать этап камеральной проверки</li>
-      <li>Нарушать срок в 15 дней без служебной записки</li>
-      <li>Вносить в заключение непроверенные данные</li>
-    </ul>
+    <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: СОГЛАСОВАНИЕ -->
+<!-- ═══ ШАГ 4 ═══ -->
 <div class="section">
-  <h2><span class="step-num">4</span> Согласование и Попечительский совет</h2>
-  <p><strong>Дни 13–15.</strong></p>
+  <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>
 
-  <h3>4.1 Маршрут</h3>
-  <div class="highlight-box">
-    <strong>Менеджер → Руководитель ДПУ → Попечительский совет → Протокол → Уведомление заявителя</strong>
+  <div class="highlight">
+    <strong>Маршрут:</strong> Менеджер → Руководитель ДПУ → Попечительский совет → Протокол → НПО-администратор
   </div>
 
-  <ol>
-    <li>Менеджер передаёт заключение <strong>руководителю Департамента проектного управления</strong></li>
-    <li>Руководитель ДПУ проверяет заключение, при необходимости возвращает на доработку</li>
-    <li>Одобренное заключение выносится на <strong>Попечительский совет</strong> (под председательством Управляющего директора АО «Самрук-Казына»)</li>
-    <li>Попечительский совет принимает окончательное решение, оформляется протоколом</li>
-    <li><strong>Администратором проекта</strong> назначается неправительственная организация (НПО) — если не была определена ранее</li>
-  </ol>
+  <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>4.2 Уведомление заявителя</h3>
+  <h3 style="margin-top:24px;"><span class="icon">📊</span> Мониторинг после одобрения</h3>
   <ul>
-    <li>В течение <strong>3 рабочих дней</strong> после протокола Совета — направить письменный ответ</li>
-    <li><strong>Одобрение:</strong> приложить договор / соглашение для подписания</li>
-    <li><strong>Отказ:</strong> указать мотивированные причины со ссылкой на критерии оценки</li>
-    <li><strong>Условное одобрение:</strong> перечислить условия, сроки, контакты НПО-администратора</li>
-  </ul>
-
-  <h3>4.3 Мониторинг (после одобрения)</h3>
-  <ul>
-    <li>Менеджер передаёт проект НПО-администратору и остаётся <strong>куратором</strong></li>
-    <li>НПО предоставляет отчёты по графику (ежеквартально или согласно договору)</li>
-    <li>Менеджер контролирует целевое использование средств и сроки</li>
+    <li>Менеджер — <strong>куратор проекта</strong>, взаимодействует с НПО-администратором</li>
+    <li>НПО отчитывается ежеквартально или по графику договора</li>
+    <li>Контроль целевого использования средств и соблюдения сроков</li>
   </ul>
 </div>
 
-<!-- СВОДНАЯ ТАБЛИЦА -->
+<!-- ═══ СВОДНАЯ ═══ -->
 <div class="section">
-  <h2><span class="step-num">📋</span> Сводная таблица сроков</h2>
+  <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>
+    <thead><tr><th>Дни</th><th>Действие</th></tr></thead>
     <tbody>
-      <tr><td>1</td><td>Изучение карточки заявки от ИИ-ассистента</td></tr>
-      <tr><td>1–3</td><td>Камеральная проверка заявителя и документов</td></tr>
-      <tr><td>2–5</td><td>Содержательная экспертиза проекта</td></tr>
-      <tr><td>3–6</td><td>Коммуникация с заявителем и НПО</td></tr>
-      <tr><td>7–8</td><td>Балльная оценка по критериям</td></tr>
-      <tr><td>9–13</td><td>Написание заключения</td></tr>
-      <tr><td>13–15</td><td>Согласование, Попечительский совет, уведомление</td></tr>
-      <tr style="background:var(--warning-light);font-weight:700;">
-        <td colspan="2">ИТОГО: 15 календарных дней</td>
+      <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">
-  <h2>❓ Часто задаваемые вопросы</h2>
+  <div class="section-header">
+    <div class="step-circle step-purple">❓</div>
+    <h2>Часто задаваемые вопросы</h2>
+  </div>
 
-  <h3>Что делать, если заявитель не отвечает на запросы?</h3>
-  <p>Направить повторный запрос через 3 рабочих дня. При отсутствии ответа ещё 5 дней — приостановить рассмотрение. Срок 15 дней приостанавливается до получения ответа.</p>
+  <h3><span class="icon">⏳</span> Что делать, если заявитель не отвечает?</h3>
+  <p>Повторный запрос через 3 рабочих дня. Нет ответа ещё 5 дней — рассмотрение приостанавливается. Срок 15 дней на паузе до получения ответа.</p>
 
-  <h3>Можно ли продлить срок сверх 15 дней?</h3>
-  <p>Только по согласованию с руководителем ДПУ при объективных причинах. Оформляется служебной запиской.</p>
+  <h3><span class="icon">📅</span> Можно ли продлить срок сверх 15 дней?</h3>
+  <p>Только по согласованию с руководителем ДПУ при объективных причинах. Оформляется служебной запиской. Дополнительный анализ — отдельное основание (+5 дней).</p>
 
-  <h3>Что делать при конфликте интересов?</h3>
-  <p>Немедленно уведомить руководителя ДПУ письменно. Заявка передаётся другому менеджеру. Сокрытие конфликта интересов — дисциплинарное нарушение.</p>
+  <h3><span class="icon">⚠️</span> Что делать при конфликте интересов?</h3>
+  <p>Немедленно уведомить руководителя ДПУ письменно. Заявка передаётся другому менеджеру. Сокрытие — дисциплинарное нарушение.</p>
 
-  <h3>Кто выступает администратором проекта?</h3>
-  <p>Администраторами проектов являются неправительственные организации (НПО), отбираемые на конкурсной основе. Менеджер взаимодействует с НПО на всех этапах реализации.</p>
+  <h3><span class="icon">🏢</span> Кто администратор проекта?</h3>
+  <p>Неправительственные организации (НПО), отбираемые на конкурсной основе. Менеджер взаимодействует с НПО на всех этапах.</p>
 
-  <h3>Куда обращаться по вопросам комплаенс?</h3>
-  <p>Комплаенс-офицер КФ «Samruk-Kazyna Trust» — Ешанкулов Мурат Еркинбекович. Подотчётен напрямую Попечительскому совету. Горячая линия: +7 (778) 500 15 41 или hotline@sk-trust.kz.</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">