v2: раздел изменений и дополнений

index.html

@@ -22,6 +22,7 @@ body{font:17px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,s
 .nav{display:flex;gap:24px;align-items:center}
 .nav a{text-decoration:none;color:var(--gray-500);font-size:15px;font-weight:500;transition:color .2s}
 .nav a:hover{color:var(--ink)}
+.nav .nav-highlight{color:var(--ink);font-weight:600}
 
 /* Hero */
 .hero{background:linear-gradient(135deg,#0F1218 0%,#1a1f2e 100%);position:relative;overflow:hidden}
@@ -77,6 +78,24 @@ body{font:17px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,s
 .step h3{font-size:18px;font-weight:700;margin-bottom:8px}
 .step p{font-size:15px;color:var(--gray-500);line-height:1.5}
 
+/* Changes timeline */
+.changes{background:var(--gray-100)}
+.timeline{max-width:760px;margin:0 auto;position:relative}
+.timeline::before{content:'';position:absolute;left:32px;top:0;bottom:0;width:2px;background:var(--gray-100)}
+.timeline-item{display:flex;gap:20px;margin-bottom:28px;position:relative}
+.timeline-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0;margin-top:4px;position:relative;z-index:1}
+.timeline-dot.added{background:#22c55e}
+.timeline-dot.modified{background:#f59e0b}
+.timeline-dot.removed{background:#ef4444}
+.timeline-content{flex:1;background:var(--white);border-radius:12px;padding:20px 24px;border:1px solid var(--gray-100)}
+.timeline-date{font-size:13px;color:var(--gray-500);margin-bottom:6px}
+.timeline-badge{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 10px;border-radius:100px;margin-bottom:8px}
+.timeline-badge.added{background:#dcfce7;color:#166534}
+.timeline-badge.modified{background:#fef3c7;color:#92400e}
+.timeline-badge.removed{background:#fee2e2;color:#991b1b}
+.timeline-content h4{font-size:16px;font-weight:700;margin-bottom:4px}
+.timeline-content p{font-size:14px;color:var(--gray-500);line-height:1.5}
+
 /* FAQ */
 .faq-list{max-width:760px;margin:0 auto}
 .faq-item{border-bottom:1px solid var(--gray-100);padding:20px 0}
@@ -125,6 +144,7 @@ body{font:17px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,s
     </a>
     <nav class="nav">
       <a href="#rules">Правила</a>
+      <a href="#changes" class="nav-highlight">📋 Изменения</a>
       <a href="#how">Как это работает</a>
       <a href="#faq">FAQ</a>
       <a href="https://wa.me/77777777777" style="color:var(--ink);font-weight:600">Связаться</a>
@@ -210,6 +230,61 @@ body{font:17px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,s
   </div>
 </section>
 
+<section id="changes" class="section changes">
+  <div class="container">
+    <div class="section-label">История изменений</div>
+    <h2>Изменения и дополнения Правил</h2>
+    <p class="section-sub">Все актуальные правки, новые пункты и уточнения — в хронологическом порядке.</p>
+    <div class="timeline">
+      <div class="timeline-item">
+        <div class="timeline-dot added"></div>
+        <div class="timeline-content">
+          <div class="timeline-date">15 июня 2026</div>
+          <span class="timeline-badge added">добавлено</span>
+          <h4>Курсы по Soft Skills</h4>
+          <p>Добавлен новый пункт: компании оплачивает курсы по коммуникации, управлению временем и лидерству — до 150 000 ₸/год.</p>
+        </div>
+      </div>
+      <div class="timeline-item">
+        <div class="timeline-dot modified"></div>
+        <div class="timeline-content">
+          <div class="timeline-date">1 июня 2026</div>
+          <span class="timeline-badge modified">изменено</span>
+          <h4>Лимит на конференции увеличен</h4>
+          <p>Максимальное количество конференций в год увеличено с 1 до 2. Бюджет на поездки — до 300 000 ₸.</p>
+        </div>
+      </div>
+      <div class="timeline-item">
+        <div class="timeline-dot added"></div>
+        <div class="timeline-content">
+          <div class="timeline-date">15 мая 2026</div>
+          <span class="timeline-badge added">добавлено</span>
+          <h4>Менторинг-программа</h4>
+          <p>Запущена внутренняя программа менторинга: каждый сотрудник может получить ментора из числа senior-специалистов на 3 месяца.</p>
+        </div>
+      </div>
+      <div class="timeline-item">
+        <div class="timeline-dot modified"></div>
+        <div class="timeline-content">
+          <div class="timeline-date">1 апреля 2026</div>
+          <span class="timeline-badge modified">изменено</span>
+          <h4>Увеличен бюджет на профессиональные курсы</h4>
+          <p>Годовой лимит на профильные курсы повышен с 150 000 ₸ до 200 000 ₸ в связи с пересмотром бюджета на развитие.</p>
+        </div>
+      </div>
+      <div class="timeline-item">
+        <div class="timeline-dot removed"></div>
+        <div class="timeline-content">
+          <div class="timeline-date">1 марта 2026</div>
+          <span class="timeline-badge removed">удалено</span>
+          <h4>Отменено ограничение по стажу</h4>
+          <p>Убрано требование «не менее 6 месяцев в компании» для подачи заявки на обучение. Теперь учиться можно с первого дня работы.</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
 <section id="how" class="section steps">
   <div class="container">
     <div class="section-label">Процесс</div>