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/_home.css

@@ -47,12 +47,15 @@
     left: 0;
     height: 100%;
     width: 100%;
-    /* Radial vignette: lighter blue in the centre (over the CTA) fading to a
-       deeper blue at the edges, so the eye is drawn to the middle. */
-    background: radial-gradient(ellipse 90% 95% at 50% 50%,
-        rgba(60, 142, 170, 0.46) 0%,
-        rgba(45, 115, 140, 0.64) 44%,
-        rgba(16, 50, 70, 0.88) 100%);
+    /* Radial vignette (Proxify-style): a light, whitish-blue glow in the centre
+       over the CTA that falls off to a deep, dark blue at the edges — pulling
+       the eye straight to the middle where the "Become a member" button sits.
+       Focal point biased slightly downward (58%) to sit on the button. */
+    background: radial-gradient(ellipse 70% 78% at 50% 58%,
+        rgba(178, 218, 238, 0.40) 0%,
+        rgba(96, 165, 190, 0.46) 28%,
+        rgba(34, 86, 114, 0.74) 58%,
+        rgba(9, 34, 52, 0.96) 100%);
     z-index: 2;
 }
 
@@ -93,7 +96,8 @@
 .hero-content p {
     font-size: 20px;
     line-height: 30px;
-    margin: 0 0 72px 0;
+    /* tighter gap so the CTA sits a bit higher, closer to the copy */
+    margin: 0 0 40px 0;
 }
 
 /* 2. Partners Section */