Landing/About/guide polish + Proxify-style category filter bar

About Us:
- Replace the appreciation photo with an Apple-style scrolling marquee that
  focal-zooms the centred photo (main.js + _about.css); heading now sits above
  the carousel; remove the "Have any questions?" FAQ CTA (EN/MK/SI).

Landing hero:
- Turn the flat blue overlay into a Proxify-style radial vignette (light centre
  over the CTA, dark edges) and raise the "Become a member" button.

Filter bar (Events & Projects / Blog / News, EN/MK/SI):
- Add a shared Proxify-style rounded pill bar with a trailing search icon that
  swaps to a search field and opens a results dropdown (thumbnail + category +
  title). New css/pages/_filterbar.css + filter-search.js, layered on top of the
  existing filter/pagination JS. Blog category icons preserved.
- Balance the News filter bar spacing between the header and the cards.

Student Welcome Guide:
- Widen the intro paragraphs, constrain the full-bleed disclaimer to a normal
  centred width, and add space before the route configurator.

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

css/pages/_guide.css

@@ -227,7 +227,7 @@
     color: #101828;
 }
 .guide-landing-hero p {
-    max-width: 720px;
+    max-width: 880px;
     margin: 0 auto 12px;
     font-size: 17px;
     line-height: 28px;
@@ -613,7 +613,7 @@
 /* ---------- Route builder ---------- */
 .guide-route {
     max-width: 920px;
-    margin: -36px auto 0;
+    margin: 0 auto;
     position: relative;
     background: #FFFFFF;
     border: 1px solid #EAECF0;
@@ -1029,8 +1029,9 @@
 /* Informative disclaimer callout shown across the Student Welcome Guide */
 .guide-disclaimer {
     display: flex; gap: 12px; align-items: flex-start;
+    max-width: 880px; /* keep it to the reading column, not full-bleed */
     background: #FFF7ED; border: 1px solid #FED7AA; border-left: 4px solid #FB923C;
-    border-radius: 12px; padding: 15px 18px; margin: 8px 0 30px;
+    border-radius: 12px; padding: 15px 18px; margin: 8px auto 48px;
 }
 .guide-disclaimer > i { color: #EA7317; font-size: 18px; margin-top: 2px; flex: 0 0 auto; }
 .guide-disclaimer .gd-body { font-size: 13.5px; line-height: 21px; color: #7C4A21; }