Homepage refresh, activities redesign + newsletter rollout

Navigation
- Replace "Donate" with a "Support MSOS ❤️" CTA site-wide
- Remove dead nav links (Gallery, Press releases)
- Turn the one-item News dropdown into a direct link

Homepage
- Replace the non-functional "Become part" contact form with a
  "Find your people in Slovenia" join CTA (blue/white gradient band,
  orange button, photo collage), in all three languages
- Fix the placeholder Activities subtitle
- Redesign Activities into card-style tabs with icons; move per-tab
  content into HTML panels and switch by index so the tabs work in
  every language (MK/SI tabs were previously dead)

Newsletter (MailerLite)
- Add the subscribe block to the News hub, news articles, and every
  events/projects page and hub, in all three languages
- Resize/rebalance the block, shrink the privacy line, add top spacing
- Standardise on honest copy (drop the "2,000+ subscribers" claim)
- Load main.js on the News hub pages (they shipped without it, so the
  form and header dropdowns didn't work there)
- Fix a dead privacy-policy link on the makedonska-vecer page
- Document the signup convention in docs/newsletter-signup.md

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

css/pages/_article.css

@@ -447,11 +447,11 @@
    ========================================================================== */
 
 .newsletter-cta {
-    padding: 0 32px 96px 32px;
+    padding: 40px 32px 72px 32px;
 }
 
 .newsletter-cta .container {
-    padding: 64px;
+    padding: 44px 48px;
     background: #F9FAFB;
     border-radius: 16px;
     display: flex;
@@ -459,7 +459,7 @@
     justify-content: center;
     align-items: center;
     max-width: 1216px;
-    gap: 32px;
+    gap: 20px;
     text-align: center;
 }
 
@@ -467,22 +467,28 @@
     display: flex;
     flex-direction: column;
     align-items: center;
-    gap: 16px;
+    gap: 10px;
     flex: 1;
 }
 .newsletter-cta h2 {
-    font-size: 30px;
+    font-size: 24px;
     font-weight: 600;
-    line-height: 38px;
+    line-height: 32px;
     color: #101828;
     margin: 0;
 }
 .newsletter-cta p {
-    font-size: 20px;
-    line-height: 30px;
+    font-size: 16px;
+    line-height: 24px;
     color: #667085;
     margin: 0;
 }
+/* Small print — override the generic .newsletter-cta p size above */
+.newsletter-cta .privacy-note {
+    font-size: 13px;
+    line-height: 20px;
+    margin-top: 4px;
+}
 .newsletter-cta .subscribe-form-bottom {
     display: flex;
     gap: 16px;