Add flagship Become a Member page with interactive multi-step form

New trilingual /<lang>/become-a-member/ conversion page: hero with real-photo collage, why-join benefits, animated MSOS-in-numbers, ways to participate, membership-in-real-life and projects showcase (real project photos), testimonials, who-can-join, an adaptive multi-step form (student + supporter flows, conditional fields, progress, personalised messages, validation, success screen), FAQ and final CTA. Site-wide 'Become a member' buttons now link here. Form posts to a Google Form once wired; metrics/testimonials are placeholders to confirm.

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

css/main.css

@@ -36,3 +36,4 @@
 @import 'pages/_faq.css';
 @import 'pages/_blog.css';
 @import 'pages/_news.css';
+@import 'pages/_member.css';

css/pages/_member.css

@@ -0,0 +1,196 @@
+/* ==========================================================================
+   Become a Member page
+   ========================================================================== */
+.member-page { font-family: 'Inter', sans-serif; color: #101828; --mm-orange: #F2762E; --mm-teal: #2D738C; }
+.mm-h2 { font-size: 32px; line-height: 1.15; text-align: center; margin: 0 0 12px; color: #101828; }
+.mm-h2--light { color: #FFFFFF; }
+.mm-lead { text-align: center; max-width: 640px; margin: 0 auto 36px; font-size: 18px; line-height: 28px; color: #475467; }
+.mm-note { font-size: 12px; color: #98A2B3; }
+.mm-note--center { text-align: center; margin-top: 20px; }
+.mm-center { text-align: center; margin-top: 32px; }
+.mm-section { max-width: 1120px; margin: 0 auto; padding: 72px 24px; }
+.mm-section--soft { background: #F7FAFB; max-width: none; }
+.mm-section--soft > * { max-width: 1120px; margin-left: auto; margin-right: auto; }
+
+/* ---- hero ---- */
+.mm-hero {
+    background: linear-gradient(180deg, #FFF4EC 0%, #FFFFFF 100%);
+    padding: 120px 24px 64px;
+    display: grid;
+    grid-template-columns: 1.05fr 0.95fr;
+    gap: 48px;
+    align-items: center;
+    max-width: 1200px;
+    margin: 0 auto;
+}
+.mm-eyebrow { display: inline-block; color: var(--mm-orange); font-weight: 700; font-size: 14px; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 14px; }
+.mm-hero h1 { font-size: 52px; line-height: 1.05; margin: 0 0 18px; letter-spacing: -0.02em; }
+.mm-hero-lead { font-size: 19px; line-height: 30px; color: #475467; margin: 0 0 28px; max-width: 520px; }
+.mm-hero-cta { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 28px; }
+.mm-tags { display: flex; flex-wrap: wrap; gap: 8px; }
+.mm-tag { font-size: 13px; font-weight: 600; color: #475467; background: #FFFFFF; border: 1px solid #EAECF0; border-radius: 999px; padding: 6px 14px; }
+
+.mm-hero-collage { position: relative; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 16px; height: 460px; }
+.mm-hero-photo { border-radius: 18px; overflow: hidden; box-shadow: 0 16px 32px rgba(16,24,40,0.12); }
+.mm-hero-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
+.mm-hero-photo--1 { grid-row: 1 / span 2; }
+.mm-hero-photo--2 { }
+.mm-hero-photo--3 { }
+
+/* ---- benefits ---- */
+.mm-benefits { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-top: 32px; }
+.mm-benefit { background: #FFFFFF; border: 1px solid #EAECF0; border-radius: 16px; padding: 26px; transition: transform 0.18s ease, box-shadow 0.18s ease; }
+.mm-benefit:hover { transform: translateY(-4px); box-shadow: 0 14px 28px rgba(16,24,40,0.08); }
+.mm-benefit-ico { width: 46px; height: 46px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 20px; color: var(--mm-orange); background: #FFF1E8; margin-bottom: 16px; }
+.mm-benefit h3 { font-size: 18px; margin: 0 0 8px; }
+.mm-benefit p { font-size: 15px; line-height: 23px; color: #667085; margin: 0; }
+
+/* ---- numbers ---- */
+.mm-numbers-section { background: var(--mm-teal); padding: 64px 24px; text-align: center; }
+.mm-numbers { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 24px; max-width: 960px; margin: 28px auto 0; }
+.mm-num { color: #FFFFFF; }
+.mm-num-value { display: block; font-size: 46px; font-weight: 700; line-height: 1; letter-spacing: -0.02em; }
+.mm-num-label { display: block; margin-top: 8px; font-size: 15px; color: rgba(255,255,255,0.85); }
+.mm-numbers-section .mm-note { color: rgba(255,255,255,0.6); margin-top: 24px; }
+
+/* ---- ways ---- */
+.mm-ways { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
+.mm-way { border: 1px solid #EAECF0; border-radius: 16px; padding: 24px; background: #FFFFFF; transition: border-color 0.18s ease, box-shadow 0.18s ease; }
+.mm-way:hover { border-color: #F6C9A8; box-shadow: 0 10px 22px rgba(242,118,46,0.10); }
+.mm-way-ico { font-size: 22px; color: var(--mm-teal); margin-bottom: 12px; }
+.mm-way h3 { font-size: 17px; margin: 0 0 6px; }
+.mm-way p { font-size: 14px; line-height: 22px; color: #667085; margin: 0; }
+
+/* ---- membership in real life ---- */
+.mm-reals { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }
+.mm-real { display: flex; flex-direction: column; border-radius: 16px; overflow: hidden; border: 1px solid #EAECF0; background: #FFFFFF; text-decoration: none; color: inherit; transition: transform 0.18s ease, box-shadow 0.18s ease; }
+.mm-real:hover { transform: translateY(-4px); box-shadow: 0 16px 30px rgba(16,24,40,0.10); }
+.mm-real-media { height: 170px; background: #F2F4F7; }
+.mm-real-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
+.mm-real-body { padding: 18px; }
+.mm-real-body h3 { font-size: 17px; margin: 0 0 6px; }
+.mm-real-body p { font-size: 14px; line-height: 21px; color: #667085; margin: 0 0 10px; }
+.mm-real-link { font-size: 14px; font-weight: 600; color: var(--mm-orange); display: inline-flex; align-items: center; gap: 6px; }
+
+/* ---- testimonials ---- */
+.mm-tests { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
+.mm-test { margin: 0; background: #FFFFFF; border: 1px solid #EAECF0; border-radius: 16px; padding: 26px; box-shadow: 0 6px 16px rgba(16,24,40,0.04); }
+.mm-test blockquote { margin: 0 0 18px; font-size: 17px; line-height: 27px; color: #101828; }
+.mm-test blockquote::before { content: '\201C'; color: var(--mm-orange); font-size: 40px; line-height: 0; vertical-align: -18px; margin-right: 4px; }
+.mm-test figcaption strong { display: block; font-size: 15px; }
+.mm-test figcaption span { font-size: 13px; color: #98A2B3; }
+
+/* ---- projects showcase ---- */
+.mm-shows { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; }
+.mm-show { display: flex; flex-direction: column; border-radius: 16px; overflow: hidden; border: 1px solid #EAECF0; text-decoration: none; color: inherit; background: #FFFFFF; transition: transform 0.18s ease, box-shadow 0.18s ease; }
+.mm-show:hover { transform: translateY(-4px); box-shadow: 0 16px 30px rgba(16,24,40,0.10); }
+.mm-show-media { height: 180px; background: #F2F4F7; }
+.mm-show-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
+.mm-show h3 { font-size: 16px; margin: 0; padding: 16px 18px; line-height: 1.3; }
+
+/* ---- who can join ---- */
+.mm-who { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
+.mm-who-card { border: 1px solid #EAECF0; border-radius: 18px; padding: 30px; background: #FFFFFF; }
+.mm-who-card:first-child { border-color: #F6C9A8; background: linear-gradient(180deg, #FFF7F1 0%, #FFFFFF 100%); }
+.mm-who-ico { font-size: 26px; color: var(--mm-orange); margin-bottom: 14px; }
+.mm-who-card h3 { font-size: 20px; margin: 0 0 8px; }
+.mm-who-card p { font-size: 15px; line-height: 23px; color: #667085; margin: 0 0 16px; }
+.mm-who-link { font-weight: 600; color: var(--mm-teal); text-decoration: none; display: inline-flex; align-items: center; gap: 8px; }
+
+/* ---- multi-step form ---- */
+.ms-section { max-width: 760px; margin: 0 auto; padding: 72px 24px; }
+.ms-head { text-align: center; margin-bottom: 28px; }
+.ms-eyebrow { display: inline-block; color: var(--mm-orange); font-weight: 700; font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 10px; }
+.ms-head h2 { font-size: 30px; margin: 0 0 8px; }
+.ms-head p { color: #667085; font-size: 16px; margin: 0; }
+.ms-form { background: #FFFFFF; border: 1px solid #EAECF0; border-radius: 20px; box-shadow: 0 16px 40px rgba(16,24,40,0.06); padding: 28px; }
+.ms-progress { margin-bottom: 22px; }
+.ms-progress[hidden] { display: none; }
+.ms-progress-track { height: 6px; background: #F2F4F7; border-radius: 999px; overflow: hidden; }
+.ms-progress-bar { height: 100%; width: 0; background: var(--mm-orange); border-radius: 999px; transition: width 0.3s ease; }
+.ms-progress-text { display: block; margin-top: 8px; font-size: 12px; font-weight: 600; color: #98A2B3; }
+.ms-alert { background: #FEF3F2; color: #B42318; border: 1px solid #FECDCA; border-radius: 10px; padding: 10px 14px; font-size: 14px; margin-bottom: 16px; }
+.ms-alert[hidden] { display: none; }
+.ms-step[hidden] { display: none; }
+.ms-step h3 { font-size: 20px; margin: 0 0 6px; }
+.ms-hint { font-size: 14px; color: #98A2B3; margin: 0 0 16px; }
+
+.ms-paths { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 8px; }
+.ms-path { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 28px 16px; border: 2px solid #EAECF0; border-radius: 16px; background: #FFFFFF; cursor: pointer; font-family: inherit; transition: border-color 0.15s ease, background 0.15s ease, transform 0.15s ease; }
+.ms-path i { font-size: 26px; color: var(--mm-orange); }
+.ms-path strong { font-size: 16px; color: #101828; }
+.ms-path:hover { border-color: #F6C9A8; transform: translateY(-2px); }
+.ms-path.is-selected { border-color: var(--mm-orange); background: #FFF7F1; }
+
+.ms-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 6px; }
+.ms-field { display: flex; flex-direction: column; gap: 6px; }
+.ms-field span { font-size: 13px; font-weight: 600; color: #344054; }
+.ms-field input, .ms-field select, .ms-form textarea {
+    font-family: inherit; font-size: 15px; color: #101828;
+    padding: 11px 14px; border: 1px solid #D0D5DD; border-radius: 10px; background: #FFFFFF; width: 100%;
+}
+.ms-field input:focus, .ms-field select:focus, .ms-form textarea:focus { outline: none; border-color: var(--mm-orange); box-shadow: 0 0 0 3px rgba(242,118,46,0.12); }
+.ms-form textarea { margin-top: 6px; resize: vertical; }
+.ms-cond { margin-top: 16px; }
+.ms-cond[hidden] { display: none; }
+
+.ms-radios { display: grid; gap: 10px; margin-top: 6px; }
+.ms-radio { text-align: left; padding: 14px 16px; border: 1px solid #D0D5DD; border-radius: 12px; background: #FFFFFF; font-family: inherit; font-size: 15px; color: #344054; cursor: pointer; transition: border-color 0.15s ease, background 0.15s ease; }
+.ms-radio:hover { border-color: #F6C9A8; }
+.ms-radio.is-selected { border-color: var(--mm-orange); background: #FFF7F1; color: #101828; font-weight: 600; }
+
+.ms-multi { display: flex; flex-wrap: wrap; gap: 10px; }
+.ms-chip { padding: 10px 16px; border-radius: 999px; border: 1px solid #D0D5DD; background: #FFFFFF; font-family: inherit; font-size: 14px; font-weight: 500; color: #475467; cursor: pointer; transition: all 0.15s ease; }
+.ms-chip:hover { border-color: #F6C9A8; }
+.ms-chip.is-selected { border-color: var(--mm-orange); background: var(--mm-orange); color: #FFFFFF; }
+.ms-msg { margin: 16px 0 0; padding: 12px 16px; background: #F0F6F8; border-left: 3px solid var(--mm-teal); border-radius: 8px; font-size: 14px; line-height: 21px; color: #344054; }
+.ms-msg[hidden] { display: none; }
+
+.ms-check { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 12px; font-size: 14px; line-height: 21px; color: #344054; cursor: pointer; }
+.ms-check input { margin-top: 3px; width: 16px; height: 16px; accent-color: var(--mm-orange); flex: 0 0 auto; }
+.ms-check a { color: var(--mm-teal); }
+
+.ms-nav { display: flex; justify-content: space-between; gap: 12px; margin-top: 24px; }
+.ms-nav .ms-back { margin-right: auto; }
+.ms-nav [hidden] { display: none; }
+
+/* success */
+.ms-success { text-align: center; background: #FFFFFF; border: 1px solid #EAECF0; border-radius: 20px; box-shadow: 0 16px 40px rgba(16,24,40,0.06); padding: 44px 28px; }
+.ms-success[hidden] { display: none; }
+.ms-success-icon { font-size: 48px; color: #2E9E6B; margin-bottom: 14px; }
+.ms-success-title { font-size: 26px; margin: 0 0 10px; }
+.ms-success-text { color: #667085; font-size: 16px; line-height: 25px; max-width: 520px; margin: 0 auto 24px; }
+.ms-success-next { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #98A2B3; margin: 0 0 14px; }
+.ms-success-links { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
+
+/* ---- faq ---- */
+.mm-faqs { max-width: 780px; margin: 32px auto 0; }
+.mm-faq { border: 1px solid #EAECF0; border-radius: 12px; margin-bottom: 12px; background: #FFFFFF; }
+.mm-faq summary { list-style: none; cursor: pointer; padding: 18px 20px; font-weight: 600; font-size: 16px; display: flex; justify-content: space-between; align-items: center; gap: 16px; }
+.mm-faq summary::-webkit-details-marker { display: none; }
+.mm-faq summary::after { content: '\f078'; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 13px; color: var(--mm-orange); transition: transform 0.2s ease; }
+.mm-faq[open] summary::after { transform: rotate(180deg); }
+.mm-faq-a { padding: 0 20px 20px; color: #667085; font-size: 15px; line-height: 24px; }
+.mm-faq-a p { margin: 0; }
+
+/* ---- final cta ---- */
+.mm-final { text-align: center; padding: 80px 24px; background: linear-gradient(135deg, #F2762E 0%, #E85D2A 100%); color: #FFFFFF; }
+.mm-final h2 { font-size: 32px; margin: 0 auto 12px; max-width: 720px; }
+.mm-final p { font-size: 18px; line-height: 28px; margin: 0 auto 28px; max-width: 640px; color: rgba(255,255,255,0.92); }
+.mm-final .btn { background: #FFFFFF; color: #E85D2A; border: none; }
+.mm-final .btn:hover { background: #FFF3EC; }
+
+/* ---- responsive ---- */
+@media (max-width: 900px) {
+    .mm-hero { grid-template-columns: 1fr; padding: 100px 20px 48px; }
+    .mm-hero h1 { font-size: 38px; }
+    .mm-hero-collage { height: 340px; }
+    .mm-who { grid-template-columns: 1fr; }
+}
+@media (max-width: 600px) {
+    .mm-h2 { font-size: 26px; }
+    .ms-grid, .ms-paths { grid-template-columns: 1fr; }
+    .ms-form { padding: 20px; }
+    .mm-num-value { font-size: 38px; }
+    .ms-success-links .btn { width: 100%; }
+}

en/about-us/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/become-a-member/index.html

@@ -0,0 +1,576 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Become a member - MSOS</title>
+    
+    <!-- Google Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+    
+    <!-- Font Awesome (for icons) -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+
+    <!-- Link to the main CSS file -->
+    <link rel="stylesheet" href="../../css/main.css">
+</head>
+<body>
+
+    <!-- START_HEADER -->
+<header class="dropdown-header-navigation">
+    <div class="container">
+        <!-- Logotip je zdaj samostojen element na levi strani -->
+        <a href="../../en/" class="logo-link">
+            <img src="../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
+        </a>
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Who We Are</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
+                            <li><a href="../../en/about-us/">Our team</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">What We Do</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../en/projects/">Events & Projects</a></li>
+                            <li><a href="../../en/blog/">Blog</a></li>
+                            <li><a href="#">Gallery</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Get Involved</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Become a member</a></li>
+                            <li><a href="#">Support MSOS</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">For Students</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../en/student-welcome-guide/">Student Welcome Guide</a></li>
+                            <li><a href="../../en/faq/">FAQs</a></li>
+                            <li><a href="../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
+                            <li><a href="../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">News</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../en/news/">News and Announcements</a></li>
+                            <li><a href="#">Press releases</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
+            <div class="navigation-actions">
+                <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
+                <button class="btn btn-primary">Donate</button>
+                <div class="language-selector">
+                    <div class="current-lang">
+                        <i class="fas fa-globe"></i>
+                        <span id="current-lang-code">EN</span>
+                        <i class="fas fa-chevron-down"></i>
+                    </div>
+                    <div class="lang-dropdown">
+                        <a href="#" data-lang="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
+        <div class="mobile-menu-icon">
+            <i class="fas fa-bars"></i>
+            <i class="fas fa-times"></i>
+        </div>
+    </div>
+</header>
+
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Who We Are</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
+                    <li><a href="../../en/about-us/">Our team</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">What We Do</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../en/projects/">Events & Projects</a></li>
+                    <li><a href="../../en/blog/">Blog</a></li>
+                    <li><a href="#">Gallery</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Get Involved</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Become a member</a></li>
+                    <li><a href="#">Support MSOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">For Students</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../en/student-welcome-guide/">Student Welcome Guide</a></li>
+                    <li><a href="../../en/faq/">FAQs</a></li>
+                    <li><a href="../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
+                    <li><a href="../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">News</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../en/news/">News and Announcements</a></li>
+                    <li><a href="#">Press releases</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
+        <button class="btn btn-primary">Donate</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>EN</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
+        </div>
+    </div>
+</div>
+<!-- END_HEADER -->
+
+    <main class="member-page">
+        <section class="mm-hero">
+            <div class="mm-hero-text">
+                <span class="mm-eyebrow">Become a member</span>
+                <h1>Find your people in Slovenia</h1>
+                <p class="mm-hero-lead">Meet people, join events, get support, create projects and become part of the Macedonian student community across Slovenia.</p>
+                <div class="mm-hero-cta">
+                    <a class="btn btn-primary-orange" href="#join-form">Become a member</a>
+                    <a class="btn btn-secondary" href="#showcase">See what we do</a>
+                </div>
+                <div class="mm-tags"><span class="mm-tag">Community</span><span class="mm-tag">Events</span><span class="mm-tag">Support</span><span class="mm-tag">Projects</span><span class="mm-tag">Friends</span><span class="mm-tag">Opportunities</span></div>
+            </div>
+            <div class="mm-hero-collage"><div class="mm-hero-photo mm-hero-photo--1"><img src="../../images/event4-img-1.webp" alt="Meet Student Slovenia 2024" loading="eager"></div><div class="mm-hero-photo mm-hero-photo--2"><img src="../../images/msnl-1.webp" alt="Macedonian Student Night in Ljubljana" loading="eager"></div><div class="mm-hero-photo mm-hero-photo--3"><img src="../../images/handball-2025-1.png" alt="Cheering for Macedonia, Watching Handball Together in Slovenia" loading="eager"></div></div>
+        </section>
+
+        <section class="mm-section">
+            <h2 class="mm-h2">Why become a member?</h2>
+            <div class="mm-benefits">
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-people-group" aria-hidden="true"></i></div>
+                    <h3>Find your people</h3><p>Meet Macedonian students across Slovenia and build friendships outside the classroom.</p>
+                </article>
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-hand-holding-heart" aria-hidden="true"></i></div>
+                    <h3>Feel supported</h3><p>Get practical help, local knowledge and a community that understands studying abroad.</p>
+                </article>
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-champagne-glasses" aria-hidden="true"></i></div>
+                    <h3>Join memorable events</h3><p>Social evenings, cultural events, sports, trips, workshops and student gatherings.</p>
+                </article>
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-screwdriver-wrench" aria-hidden="true"></i></div>
+                    <h3>Build experience</h3><p>Develop skills through volunteering, communication, project work and event organisation.</p>
+                </article>
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-lightbulb" aria-hidden="true"></i></div>
+                    <h3>Create something meaningful</h3><p>Bring ideas, join projects and help shape activities for the community.</p>
+                </article>
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-diagram-project" aria-hidden="true"></i></div>
+                    <h3>Grow your network</h3><p>Meet students, alumni, professionals, institutions and partners.</p>
+                </article>
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-house-heart" aria-hidden="true"></i></div>
+                    <h3>Feel at home away from home</h3><p>Belong to a community where you never have to explain where you come from.</p>
+                </article>
+            </div>
+        </section>
+
+        <section class="mm-numbers-section">
+            <h2 class="mm-h2 mm-h2--light">MSOS in numbers</h2>
+            <div class="mm-numbers">
+                <div class="mm-num"><span class="mm-num-value" data-count="120" data-suffix="+">0</span><span class="mm-num-label">active members</span></div>
+                <div class="mm-num"><span class="mm-num-value" data-count="50" data-suffix="+">0</span><span class="mm-num-label">events and activities</span></div>
+                <div class="mm-num"><span class="mm-num-value" data-count="2500" data-suffix="+">0</span><span class="mm-num-label">participants</span></div>
+                <div class="mm-num"><span class="mm-num-value" data-count="20" data-suffix="+">0</span><span class="mm-num-label">partners</span></div>
+            </div>
+            <p class="mm-note">Figures to confirm before launch.</p>
+        </section>
+
+        <section class="mm-section">
+            <h2 class="mm-h2">There is more than one way to be part of MSOS</h2>
+            <p class="mm-lead">You do not need to organise events or lead to belong. Join in the way that fits you.</p>
+            <div class="mm-ways">
+                <article class="mm-way">
+                    <div class="mm-way-ico"><i class="fas fa-envelope-open-text" aria-hidden="true"></i></div>
+                    <h3>Stay connected</h3><p>Receive updates and know what is happening.</p>
+                </article>
+                <article class="mm-way">
+                    <div class="mm-way-ico"><i class="fas fa-mug-hot" aria-hidden="true"></i></div>
+                    <h3>Join the community</h3><p>Come to events, meet people and take part when it suits you.</p>
+                </article>
+                <article class="mm-way">
+                    <div class="mm-way-ico"><i class="fas fa-hands-helping" aria-hidden="true"></i></div>
+                    <h3>Volunteer sometimes</h3><p>Help with selected activities without a long-term commitment.</p>
+                </article>
+                <article class="mm-way">
+                    <div class="mm-way-ico"><i class="fas fa-diagram-project" aria-hidden="true"></i></div>
+                    <h3>Join projects</h3><p>Contribute to specific initiatives, campaigns, guides or collaborations.</p>
+                </article>
+                <article class="mm-way">
+                    <div class="mm-way-ico"><i class="fas fa-calendar-check" aria-hidden="true"></i></div>
+                    <h3>Organise events</h3><p>Help plan, coordinate, promote and deliver activities.</p>
+                </article>
+                <article class="mm-way">
+                    <div class="mm-way-ico"><i class="fas fa-star" aria-hidden="true"></i></div>
+                    <h3>Take responsibility</h3><p>Explore leadership, governance, representation or local team roles.</p>
+                </article>
+            </div>
+        </section>
+
+        <section class="mm-section">
+            <h2 class="mm-h2">What being part of MSOS actually looks like</h2>
+            <div class="mm-reals">
+                <a class="mm-real" href="../projects/meet-student-slovenia-2024/">
+                    <div class="mm-real-media"><img src="../../images/event4-img-1.webp" alt="Start at a welcome event" loading="lazy"></div>
+                    <div class="mm-real-body"><h3>Start at a welcome event</h3><p>Meet the community from your very first weeks in Slovenia.</p><span class="mm-real-link">Read the story <i class="fas fa-arrow-right" aria-hidden="true"></i></span></div>
+                </a>
+                <a class="mm-real" href="../projects/macedonian-student-night-in-ljubljana/">
+                    <div class="mm-real-media"><img src="../../images/msnl-1.webp" alt="Enjoy a student night" loading="lazy"></div>
+                    <div class="mm-real-body"><h3>Enjoy a student night</h3><p>Music, friends and a night that feels like home.</p><span class="mm-real-link">Read the story <i class="fas fa-arrow-right" aria-hidden="true"></i></span></div>
+                </a>
+                <a class="mm-real" href="../projects/humanitarian-tournament-in-maribor/">
+                    <div class="mm-real-media"><img src="../../images/maribor-tournament-1.png" alt="Give back together" loading="lazy"></div>
+                    <div class="mm-real-body"><h3>Give back together</h3><p>Take part in humanitarian activities that help others.</p><span class="mm-real-link">Read the story <i class="fas fa-arrow-right" aria-hidden="true"></i></span></div>
+                </a>
+                <a class="mm-real" href="../projects/watching-handball-together-in-slovenia/">
+                    <div class="mm-real-media"><img src="../../images/handball-2025-1.png" alt="Cheer side by side" loading="lazy"></div>
+                    <div class="mm-real-body"><h3>Cheer side by side</h3><p>Sports, energy and belonging, wherever you study.</p><span class="mm-real-link">Read the story <i class="fas fa-arrow-right" aria-hidden="true"></i></span></div>
+                </a>
+            </div>
+        </section>
+
+        <section class="mm-section mm-section--soft">
+            <h2 class="mm-h2">Why students joined, and why they stayed</h2>
+            <div class="mm-tests">
+                <figure class="mm-test">
+                    <blockquote>I joined because I wanted to meet people. I stayed because MSOS became part of my life in Slovenia.</blockquote>
+                    <figcaption><strong>Ana</strong><span>Student, Ljubljana</span></figcaption>
+                </figure>
+                <figure class="mm-test">
+                    <blockquote>When I moved to Slovenia, I did not know where to begin. Through MSOS I found support, friends and opportunities.</blockquote>
+                    <figcaption><strong>Marko</strong><span>Student, Maribor</span></figcaption>
+                </figure>
+                <figure class="mm-test">
+                    <blockquote>Being part of the team taught me more than any classroom. I organised events, met partners and grew a lot.</blockquote>
+                    <figcaption><strong>Elena</strong><span>Volunteer, Koper</span></figcaption>
+                </figure>
+            </div>
+            <p class="mm-note mm-note--center">Sample quotes to replace with real testimonials.</p>
+        </section>
+
+        <section class="mm-section" id="showcase">
+            <h2 class="mm-h2">See MSOS in action</h2>
+            <div class="mm-shows">
+                <a class="mm-show" href="../projects/meet-student-slovenia-2024/">
+                    <div class="mm-show-media"><img src="../../images/event4-img-1.webp" alt="Meet Student Slovenia 2024" loading="lazy"></div>
+                    <h3>Meet Student Slovenia 2024</h3>
+                </a>
+                <a class="mm-show" href="../projects/macedonian-student-night-in-ljubljana/">
+                    <div class="mm-show-media"><img src="../../images/msnl-1.webp" alt="Macedonian Student Night in Ljubljana" loading="lazy"></div>
+                    <h3>Macedonian Student Night in Ljubljana</h3>
+                </a>
+                <a class="mm-show" href="../projects/humanitarian-tournament-in-maribor/">
+                    <div class="mm-show-media"><img src="../../images/maribor-tournament-1.png" alt="Humanitarian Sports Tournament: Playing with Heart, Together for Kočani" loading="lazy"></div>
+                    <h3>Humanitarian Sports Tournament: Playing with Heart, Together for Kočani</h3>
+                </a>
+                <a class="mm-show" href="../projects/paint-and-wine-at-sunset/">
+                    <div class="mm-show-media"><img src="../../images/paint-wine-1.jpg" alt="Paint &amp; Wine at Sunset, Celebrating Women’s Day with Art &amp; Music" loading="lazy"></div>
+                    <h3>Paint &amp; Wine at Sunset, Celebrating Women’s Day with Art &amp; Music</h3>
+                </a>
+                <a class="mm-show" href="../projects/morning-coffee-in-front-of-ctk/">
+                    <div class="mm-show-media"><img src="../../images/event4-image1.webp" alt="Morning Coffee in front of CTK, 2024: Coffee, burek, and lots of smiles" loading="lazy"></div>
+                    <h3>Morning Coffee in front of CTK, 2024: Coffee, burek, and lots of smiles</h3>
+                </a>
+                <a class="mm-show" href="../projects/watching-handball-together-in-slovenia/">
+                    <div class="mm-show-media"><img src="../../images/handball-2025-1.png" alt="Cheering for Macedonia, Watching Handball Together in Slovenia" loading="lazy"></div>
+                    <h3>Cheering for Macedonia, Watching Handball Together in Slovenia</h3>
+                </a>
+            </div>
+            <div class="mm-center"><a class="btn btn-secondary" href="../news/">See all events and projects</a></div>
+        </section>
+
+        <section class="mm-section">
+            <h2 class="mm-h2">There is a place for you here</h2>
+            <div class="mm-who">
+                <article class="mm-who-card"><div class="mm-who-ico"><i class="fas fa-graduation-cap" aria-hidden="true"></i></div><h3>For students</h3><p>Current students, future students, bachelor and master students, in every Slovenian study city.</p><a class="mm-who-link" href="#join-form">I am a student <i class="fas fa-arrow-right" aria-hidden="true"></i></a></article>
+                <article class="mm-who-card"><div class="mm-who-ico"><i class="fas fa-handshake-angle" aria-hidden="true"></i></div><h3>For supporters</h3><p>You do not need to be a student to support the community. Contribute through knowledge, partnerships, mentorship, volunteering, sponsorships, media or useful connections.</p><a class="mm-who-link" href="#join-form">I want to support MSOS <i class="fas fa-arrow-right" aria-hidden="true"></i></a></article>
+            </div>
+        </section>
+
+        <section class="ms-section" id="join-form">
+            <div class="ms-head">
+                <span class="ms-eyebrow">Membership form</span>
+                <h2>Join in a couple of minutes</h2>
+                <p>A few friendly questions. You do not need to decide now how active you want to be.</p>
+            </div>
+            <form class="ms-form" novalidate>
+                <div class="ms-progress" data-step="Step" data-of="of" hidden><div class="ms-progress-track"><div class="ms-progress-bar"></div></div><span class="ms-progress-text"></span></div>
+                <div class="ms-alert" hidden>Please fill in the required fields.</div>
+
+                <div class="ms-step" data-step="path" data-flow="both">
+                    <h3>How would you like to connect with MSOS?</h3>
+                    <div class="ms-paths">
+                        <button type="button" class="ms-path" data-path="student"><i class="fas fa-graduation-cap" aria-hidden="true"></i><strong>I am a student</strong></button>
+                        <button type="button" class="ms-path" data-path="supporter"><i class="fas fa-handshake-angle" aria-hidden="true"></i><strong>I want to support MSOS</strong></button>
+                    </div>
+                </div>
+
+                <div class="ms-step" data-step="s-basic" data-flow="student">
+                    <h3>Tell us who you are</h3>
+                    <div class="ms-grid"><label class="ms-field"><span>First name *</span><input type="text" data-name="firstName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Last name *</span><input type="text" data-name="lastName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Email *</span><input type="email" data-name="email" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Phone (optional)</span><input type="tel" data-name="phone" autocomplete="off"></label><label class="ms-field"><span>Current city</span><input type="text" data-name="cityNow" autocomplete="off"></label><label class="ms-field"><span>Preferred contact</span><select data-name="contactPref"><option value="">Select...</option><option value="email">Email</option><option value="whatsapp">WhatsApp</option><option value="phone">Phone</option></select></label></div>
+                </div>
+                <div class="ms-step" data-step="s-status" data-flow="student">
+                    <h3>Where are you in your student journey?</h3>
+                    <div class="ms-radios" data-name="status" data-required="1">
+                        <button type="button" class="ms-radio" data-value="studying">I already study in Slovenia</button>
+                        <button type="button" class="ms-radio" data-value="moving">I am preparing to move to Slovenia</button>
+                        <button type="button" class="ms-radio" data-value="exploring">I am still exploring my options</button>
+                        <button type="button" class="ms-radio" data-value="graduated">I recently graduated</button>
+                    </div>
+                    <div class="ms-cond" data-when="studying">
+                        <div class="ms-grid"><label class="ms-field"><span>University</span><input type="text" data-name="university" autocomplete="off"></label><label class="ms-field"><span>Faculty</span><input type="text" data-name="faculty" autocomplete="off"></label><label class="ms-field"><span>Study programme</span><input type="text" data-name="programme" autocomplete="off"></label><label class="ms-field"><span>Study level</span><select data-name="level"><option value="">Select...</option><option value="bachelor">Bachelor</option><option value="master">Master</option></select></label><label class="ms-field"><span>Year of study</span><input type="text" data-name="year" autocomplete="off"></label><label class="ms-field"><span>City of study</span><select data-name="studyCity"><option value="">Select...</option><option value="ljubljana">Ljubljana</option><option value="maribor">Maribor</option><option value="koper">Koper and Primorska</option><option value="nova-gorica">Nova Gorica and Gorizia</option><option value="celje">Celje</option><option value="other">Other</option><option value="unsure">I am not sure yet</option></select></label></div>
+                    </div>
+                    <div class="ms-cond" data-when="moving">
+                        <div class="ms-grid"><label class="ms-field"><span>University</span><input type="text" data-name="university" autocomplete="off"></label><label class="ms-field"><span>Faculty or field of interest</span><input type="text" data-name="field" autocomplete="off"></label><label class="ms-field"><span>Study level</span><select data-name="level"><option value="">Select...</option><option value="bachelor">Bachelor</option><option value="master">Master</option></select></label><label class="ms-field"><span>Intended city</span><select data-name="intendedCity"><option value="">Select...</option><option value="ljubljana">Ljubljana</option><option value="maribor">Maribor</option><option value="koper">Koper and Primorska</option><option value="nova-gorica">Nova Gorica and Gorizia</option><option value="celje">Celje</option><option value="other">Other</option><option value="unsure">I am not sure yet</option></select></label><label class="ms-field"><span>Expected academic year</span><input type="text" data-name="academicYear" autocomplete="off"></label></div>
+                    </div>
+                    <div class="ms-cond" data-when="exploring">
+                        <div class="ms-grid"><label class="ms-field"><span>Areas of interest</span><input type="text" data-name="areas" autocomplete="off"></label><label class="ms-field"><span>Study level</span><select data-name="level"><option value="">Select...</option><option value="bachelor">Bachelor</option><option value="master">Master</option></select></label></div>
+                    </div>
+                </div>
+                <div class="ms-step" data-step="s-intention" data-flow="student">
+                    <h3>What sounds most like you?</h3>
+                    <p class="ms-hint">Choose as many as you like.</p>
+                    <div class="ms-multi" data-name="intention">
+                        <button type="button" class="ms-chip" data-value="meet">I want to meet people</button>
+                        <button type="button" class="ms-chip" data-value="events">I want to join events</button>
+                        <button type="button" class="ms-chip" data-value="informed">I want to stay informed</button>
+                        <button type="button" class="ms-chip" data-value="support">I am looking for support</button>
+                        <button type="button" class="ms-chip" data-value="volunteer">I want to volunteer</button>
+                        <button type="button" class="ms-chip" data-value="organise">I want to help organise events</button>
+                        <button type="button" class="ms-chip" data-value="projects">I want to join projects</button>
+                        <button type="button" class="ms-chip" data-value="experience">I want to build experience</button>
+                        <button type="button" class="ms-chip" data-value="leadership">I am interested in leadership</button>
+                        <button type="button" class="ms-chip" data-value="figuring">I am still figuring it out</button>
+                    </div>
+                    <p class="ms-msg" data-when="leadership" hidden>We would love to learn about your experience and the kind of responsibility you are interested in.</p>
+                    <p class="ms-msg" data-when="events" hidden>Perfect. You can join the community without taking on any formal responsibility.</p>
+                    <p class="ms-msg" data-when="figuring" hidden>No pressure. Start by staying connected and decide later how involved you want to be.</p>
+                </div>
+                <div class="ms-step" data-step="s-interests" data-flow="student">
+                    <h3>What would you like to be part of?</h3>
+                    <p class="ms-hint">Choose as many as you like.</p>
+                    <div class="ms-multi" data-name="interests">
+                        <button type="button" class="ms-chip" data-value="social">Social events</button>
+                        <button type="button" class="ms-chip" data-value="cultural">Cultural events</button>
+                        <button type="button" class="ms-chip" data-value="sports">Sports</button>
+                        <button type="button" class="ms-chip" data-value="support">Student support</button>
+                        <button type="button" class="ms-chip" data-value="creative">Creative projects</button>
+                        <button type="button" class="ms-chip" data-value="humanitarian">Humanitarian activities</button>
+                        <button type="button" class="ms-chip" data-value="professional">Professional development</button>
+                        <button type="button" class="ms-chip" data-value="networking">Networking</button>
+                        <button type="button" class="ms-chip" data-value="media">Media and communication</button>
+                        <button type="button" class="ms-chip" data-value="design">Design and content</button>
+                        <button type="button" class="ms-chip" data-value="partnerships">Partnerships</button>
+                        <button type="button" class="ms-chip" data-value="volunteering">Volunteering</button>
+                    </div>
+                </div>
+                <div class="ms-step" data-step="s-city" data-flow="student">
+                    <h3>Where should we connect you?</h3>
+                    <div class="ms-radios" data-name="connectCity">
+                        <button type="button" class="ms-radio" data-value="ljubljana">Ljubljana</button>
+                        <button type="button" class="ms-radio" data-value="maribor">Maribor</button>
+                        <button type="button" class="ms-radio" data-value="koper">Koper and Primorska</button>
+                        <button type="button" class="ms-radio" data-value="nova-gorica">Nova Gorica and Gorizia</button>
+                        <button type="button" class="ms-radio" data-value="celje">Celje</button>
+                        <button type="button" class="ms-radio" data-value="other">Other</button>
+                        <button type="button" class="ms-radio" data-value="unsure">I am not sure yet</button>
+                    </div>
+                    <p class="ms-msg" data-when="*any" hidden>We will connect you with the MSOS community closest to you.</p>
+                </div>
+                <div class="ms-step" data-step="s-personal" data-flow="student">
+                    <h3>What would make MSOS valuable to you? (optional)</h3>
+                    <textarea data-name="personal" rows="4" placeholder="Share anything you hope to find, learn or experience."></textarea>
+                </div>
+                <div class="ms-step" data-step="s-consent" data-flow="student">
+                    <label class="ms-check"><input type="checkbox" data-name="consentContact" data-required="1"> <span>I agree that MSOS may contact me about my request.</span></label>
+                    <label class="ms-check"><input type="checkbox" data-name="consentPrivacy" data-required="1"> <span>I have read the privacy notice. (<a href="../privacy-policy/">privacy notice</a>)</span></label>
+                    <label class="ms-check"><input type="checkbox" data-name="consentUpdates"> <span>I would like to receive event and community updates.</span></label>
+                </div>
+
+                <div class="ms-step" data-step="p-basic" data-flow="supporter">
+                    <h3>Tell us who you are</h3>
+                    <div class="ms-grid"><label class="ms-field"><span>First name *</span><input type="text" data-name="firstName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Last name *</span><input type="text" data-name="lastName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Email *</span><input type="email" data-name="email" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Phone (optional)</span><input type="tel" data-name="phone" autocomplete="off"></label><label class="ms-field"><span>Current city</span><input type="text" data-name="cityNow" autocomplete="off"></label><label class="ms-field"><span>Organisation or company (optional)</span><input type="text" data-name="org" autocomplete="off"></label><label class="ms-field"><span>Role or profession (optional)</span><input type="text" data-name="role" autocomplete="off"></label></div>
+                </div>
+                <div class="ms-step" data-step="p-support" data-flow="supporter">
+                    <h3>How would you like to support MSOS?</h3>
+                    <p class="ms-hint">Choose as many as you like.</p>
+                    <div class="ms-multi" data-name="support">
+                        <button type="button" class="ms-chip" data-value="partnerships">Partnerships</button>
+                        <button type="button" class="ms-chip" data-value="sponsorships">Sponsorships</button>
+                        <button type="button" class="ms-chip" data-value="mentorship">Mentorship</button>
+                        <button type="button" class="ms-chip" data-value="volunteering">Volunteering</button>
+                        <button type="button" class="ms-chip" data-value="expertise">Professional expertise</button>
+                        <button type="button" class="ms-chip" data-value="media">Media support</button>
+                        <button type="button" class="ms-chip" data-value="events">Event support</button>
+                        <button type="button" class="ms-chip" data-value="careers">Career opportunities</button>
+                        <button type="button" class="ms-chip" data-value="connections">Community connections</button>
+                        <button type="button" class="ms-chip" data-value="venue">Venue or logistics</button>
+                    </div>
+                </div>
+                <div class="ms-step" data-step="p-message" data-flow="supporter">
+                    <h3>Tell us how you would like to contribute (optional)</h3>
+                    <textarea data-name="contribution" rows="4" placeholder="A short note about what you can offer or a project you care about."></textarea>
+                </div>
+                <div class="ms-step" data-step="p-consent" data-flow="supporter">
+                    <label class="ms-check"><input type="checkbox" data-name="consentContact" data-required="1"> <span>I agree that MSOS may contact me about my request.</span></label>
+                    <label class="ms-check"><input type="checkbox" data-name="consentPrivacy" data-required="1"> <span>I have read the privacy notice. (<a href="../privacy-policy/">privacy notice</a>)</span></label>
+                </div>
+
+                <div class="ms-nav">
+                    <button type="button" class="btn btn-secondary ms-back" hidden>Back</button>
+                    <button type="button" class="btn btn-primary-orange ms-next" hidden>Continue</button>
+                    <button type="button" class="btn btn-primary-orange ms-submit" data-student="Join MSOS" data-supporter="Support MSOS" hidden>Join MSOS</button>
+                </div>
+            </form>
+
+            <div class="ms-success" hidden>
+                <div class="ms-success-icon"><i class="fas fa-circle-check" aria-hidden="true"></i></div>
+                <h3 class="ms-success-title"
+                    data-student-title="Welcome to the community" data-supporter-title="Thank you for supporting MSOS"></h3>
+                <p class="ms-success-text"
+                    data-student-text="Thank you for reaching out. We are excited to get to know you. A member of the MSOS team will contact you soon." data-supporter-text="We appreciate your interest in the Macedonian student community in Slovenia. Our team will review your message and contact you soon."></p>
+                <p class="ms-success-next">While you wait</p>
+                <div class="ms-success-links">
+                    <a class="btn btn-secondary" href="../news/">Explore upcoming events</a>
+                    <a class="btn btn-secondary" href="../student-welcome-guide/">Read the Student Welcome Guide</a>
+                    <a class="btn btn-secondary" href="../projects/">Discover recent projects</a>
+                </div>
+            </div>
+        </section>
+
+        <section class="mm-section mm-section--soft">
+            <h2 class="mm-h2">Good to know</h2>
+            <div class="mm-faqs">
+                <details class="mm-faq"><summary>Is membership only for students in Ljubljana?</summary><div class="mm-faq-a"><p>No. MSOS is for Macedonian students across Slovenia, including Maribor, Koper, Nova Gorica, Celje and other study cities.</p></div></details>
+                <details class="mm-faq"><summary>Can I join before moving to Slovenia?</summary><div class="mm-faq-a"><p>Yes. Future students can join, receive updates and connect with people before arriving.</p></div></details>
+                <details class="mm-faq"><summary>Do I need to be highly active?</summary><div class="mm-faq-a"><p>No. You can join events, stay informed, volunteer occasionally, or take on a larger role later.</p></div></details>
+                <details class="mm-faq"><summary>Is there a membership fee?</summary><div class="mm-faq-a"><p>To confirm before publication.</p></div></details>
+                <details class="mm-faq"><summary>Can non-students support MSOS?</summary><div class="mm-faq-a"><p>Yes. Parents, alumni, professionals, companies and other supporters can contribute through mentorship, partnerships, sponsorships, expertise, volunteering or useful connections.</p></div></details>
+                <details class="mm-faq"><summary>What happens after I submit the form?</summary><div class="mm-faq-a"><p>The MSOS team reviews your information and contacts you with the next step.</p></div></details>
+                <details class="mm-faq"><summary>Can I change how involved I am later?</summary><div class="mm-faq-a"><p>Yes. Members can become more or less active depending on their interests and availability.</p></div></details>
+            </div>
+        </section>
+
+        <section class="mm-final">
+            <h2>Your student story in Slovenia can start here</h2>
+            <p>Whether you are looking for support, friendship, opportunities or a place to belong, MSOS is ready to welcome you.</p>
+            <a class="btn btn-primary-orange" href="#join-form">Become a member</a>
+        </section>
+    </main>
+
+    <!-- START_FOOTER -->
+<footer>
+    <div class="footer-container">
+        <div class="footer-main">
+            <div class="footer-info">
+                <div class="footer-logo">
+                    <img src="../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
+                </div>
+                <p class="footer-legal-name">Društvo Makedonska Študentska Organizacija v Sloveniji za študentsko podporo in kulturno sodelovanje</p>
+                <p>
+                    Masarykova cesta 24<br>
+                    1000 Ljubljana, Slovenia<br>
+                    <a href="mailto:info@msosorg.com">info@msosorg.com</a>
+                </p>
+                <div class="social-icons">
+                    <a href="https://www.facebook.com/msos.org" aria-label="Facebook" target="_blank" rel="noopener"><i class="fab fa-facebook-f"></i></a>
+                    <a href="https://www.instagram.com/msosorg_com" aria-label="Instagram" target="_blank" rel="noopener"><i class="fab fa-instagram"></i></a>
+                    <a href="https://www.linkedin.com/company/msos-org" aria-label="LinkedIn" target="_blank" rel="noopener"><i class="fab fa-linkedin-in"></i></a>
+                    <a href="https://www.youtube.com/@msosorg" aria-label="YouTube" target="_blank" rel="noopener"><i class="fab fa-youtube"></i></a>
+                </div>
+            </div>
+            <div class="footer-links">
+                <div class="links-column">
+                    <h4>Student guide</h4>
+                    <a href="../../en/student-welcome-guide/">Student welcome guide</a>
+                    <a href="../../en/student-welcome-guide/complete-student-journey/">The whole journey</a>
+                    <a href="../../en/student-welcome-guide/application-deadlines/">Application deadlines</a>
+                    <a href="../../en/student-welcome-guide/evs-application-guide/">Apply through eVŠ</a>
+                    <a href="../../en/student-welcome-guide/student-residence-permit/">Residence permit</a>
+                    <a href="../../en/student-welcome-guide/student-accommodation/">Accommodation</a>
+                </div>
+                <div class="links-column">
+                    <h4>Explore</h4>
+                    <a href="../../en/get-to-know-slovenia/">Get to know Slovenia</a>
+                    <a href="../../en/get-to-know-macedonia/">Get to know Macedonia</a>
+                    <a href="../../en/projects/">Projects and events</a>
+                </div>
+                <div class="links-column">
+                    <h4>Organisation</h4>
+                    <a href="../../en/about-us/">About us</a>
+                    <a href="../../en/timeline-and-milestones/">Timeline and milestones</a>
+                    <a href="mailto:info@msosorg.com">Contact us</a>
+                    <a href="../../en/privacy-policy/">Privacy policy</a>
+                    <a href="../../en/cookie-policy/">Cookie policy</a>
+                </div>
+            </div>
+        </div>
+        <hr>
+        <div class="footer-bottom">
+            <p>© 2026 MSOS. All rights reserved.</p>
+            <div class="legal-links">
+                <a href="../../en/privacy-policy/">Privacy policy</a>
+                <a href="../../en/cookie-policy/">Cookie policy</a>
+            </div>
+        </div>
+    </div>
+    <script src="../../main.js"></script>
+</footer>
+<!-- END_FOOTER -->
+    <script src="../../member-form.js"></script>
+
+</body>
+</html>

en/blog/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/cookie-policy/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/faq/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/get-to-know-macedonia/a-table-full-of-macedonia/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/get-to-know-macedonia/history-you-can-still-walk-through/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/get-to-know-macedonia/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/get-to-know-macedonia/ohrid-more-than-a-postcard/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/get-to-know-macedonia/skopje-a-city-of-many-layers/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/get-to-know-macedonia/welcome-to-macedonia/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/get-to-know-slovenia/a-first-taste-of-slovenian-food/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/get-to-know-slovenia/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/get-to-know-slovenia/lake-bled-beyond-the-famous-view/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/get-to-know-slovenia/ljubljana-through-our-eyes/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/get-to-know-slovenia/slovenian-habits-that-may-surprise-you/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/get-to-know-slovenia/slovenias-stories-in-stone-and-tradition/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/get-to-know-slovenia/welcome-to-slovenia/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
@@ -183,7 +183,7 @@
                     <h1>Empowering young people with skills to change the world</h1>
                     <p>Be part of our exciting journey; Become a part of our student organization today!</p>
                 </div>
-                <button class="btn btn-primary-orange">Become a member</button>
+                <a href="../en/become-a-member/" class="btn btn-primary-orange">Become a member</a>
             </div>
         </section>
 
@@ -249,7 +249,7 @@
                         <li>Education & Culture</li>
                         <li>Student Representation</li>
                     </ul>
-                    <button class="btn btn-primary-orange">Become a member</button>
+                    <a href="../en/become-a-member/" class="btn btn-primary-orange">Become a member</a>
                 </div>
                 <div class="activity-details">
                     <p>We know moving to a new country can feel overwhelming, so we’re here to make it easier. From helping you with university applications to finding your way around student life in Slovenia, you can always count on us. We offer free consultations, answer your questions on Instagram and Facebook (yes, even late at night), and host events where you can meet others and hear real experiences first-hand. With mentorship, info sessions, and a friendly community by your side, you’ll never have to go through the journey alone.</p>

en/news/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/privacy-policy/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/projects/humanitarian-tournament-in-maribor/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/projects/in-memory-of-frosina-kulakova/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/projects/in-memory-of-the-kochani-victims/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/projects/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/projects/macedonian-student-night-in-ljubljana/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/projects/meet-student-slovenia-2023/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/projects/meet-student-slovenia-2024/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/projects/morning-coffee-in-front-of-ctk/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/projects/paint-and-wine-at-sunset/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/projects/watching-handball-together-in-slovenia/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/academic-life/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/administrative-basics/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/admission-and-enrolment/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/application-deadlines/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/arrival-checklist/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/bachelor-application/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/choose-a-programme/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/complete-student-journey/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/document-preparation/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/evs-application-guide/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/healthcare-in-slovenia/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/master-application/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/means-accommodation-address/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/my-route/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/official-sources-and-checklists/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/prepare-to-move/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/recognition-of-education/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/renew-change-graduate/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/rm-si-3-health-insurance/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/student-accommodation/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/student-budget/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/student-meals/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/student-organisations-and-extracurriculars/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/student-residence-permit/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/student-transport/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/student-work/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/study-cities/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/tuition-and-scholarships/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/visa-and-residence-explained/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/wellbeing-and-community/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/student-welcome-guide/where-to-apply-for-residence/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

en/timeline-and-milestones/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

member-form.js

@@ -0,0 +1,166 @@
+/* ==========================================================================
+   Become a Member — multi-step form logic + animated counters.
+   No dependencies. Submission posts to a Google Form once wired (GOOGLE_FORM
+   below); until then it logs the payload and still shows the success screen.
+   ========================================================================== */
+(function () {
+    /* ---- animated counters ---- */
+    var nums = [].slice.call(document.querySelectorAll('.mm-num-value[data-count]'));
+    if (nums.length && 'IntersectionObserver' in window) {
+        var io = new IntersectionObserver(function (entries) {
+            entries.forEach(function (en) {
+                if (!en.isIntersecting) return;
+                io.unobserve(en.target);
+                var el = en.target, target = parseInt(el.getAttribute('data-count'), 10) || 0, suf = el.getAttribute('data-suffix') || '';
+                var start = null, dur = 1400;
+                function tick(ts) {
+                    if (!start) start = ts;
+                    var p = Math.min((ts - start) / dur, 1);
+                    el.textContent = Math.floor(p * target).toLocaleString() + (p === 1 ? suf : '');
+                    if (p < 1) requestAnimationFrame(tick);
+                }
+                requestAnimationFrame(tick);
+            });
+        }, { threshold: 0.4 });
+        nums.forEach(function (n) { io.observe(n); });
+    }
+
+    /* ---- multi-step form ---- */
+    var form = document.querySelector('.ms-form');
+    if (!form) return;
+    var section = form.closest('.ms-section');
+    var success = section.querySelector('.ms-success');
+    var progress = form.querySelector('.ms-progress');
+    var bar = form.querySelector('.ms-progress-bar');
+    var ptext = form.querySelector('.ms-progress-text');
+    var alertBox = form.querySelector('.ms-alert');
+    var back = form.querySelector('.ms-back');
+    var next = form.querySelector('.ms-next');
+    var submit = form.querySelector('.ms-submit');
+    var STEP = progress.getAttribute('data-step'), OF = progress.getAttribute('data-of');
+
+    var steps = {};
+    [].slice.call(form.querySelectorAll('.ms-step')).forEach(function (s) { steps[s.getAttribute('data-step')] = s; });
+    var FLOWS = {
+        student: ['path', 's-basic', 's-status', 's-intention', 's-interests', 's-city', 's-personal', 's-consent'],
+        supporter: ['path', 'p-basic', 'p-support', 'p-message', 'p-consent']
+    };
+    var state = { path: null, order: ['path'], idx: 0 };
+
+    // single-select radio groups (status, city)
+    [].slice.call(form.querySelectorAll('.ms-radios')).forEach(function (group) {
+        [].slice.call(group.querySelectorAll('.ms-radio')).forEach(function (btn) {
+            btn.addEventListener('click', function () {
+                [].slice.call(group.querySelectorAll('.ms-radio')).forEach(function (b) { b.classList.remove('is-selected'); });
+                btn.classList.add('is-selected');
+                var step = group.closest('.ms-step'), val = btn.getAttribute('data-value');
+                [].slice.call(step.querySelectorAll('.ms-cond')).forEach(function (c) { c.hidden = c.getAttribute('data-when') !== val; });
+                [].slice.call(step.querySelectorAll('.ms-msg')).forEach(function (m) {
+                    var w = m.getAttribute('data-when');
+                    m.hidden = !(w === '*any' || w === val);
+                });
+            });
+        });
+    });
+
+    // multi-select chip groups (intention, interests, support)
+    [].slice.call(form.querySelectorAll('.ms-multi')).forEach(function (group) {
+        [].slice.call(group.querySelectorAll('.ms-chip')).forEach(function (chip) {
+            chip.addEventListener('click', function () {
+                chip.classList.toggle('is-selected');
+                var step = group.closest('.ms-step');
+                [].slice.call(step.querySelectorAll('.ms-msg')).forEach(function (m) {
+                    var sel = group.querySelector('.ms-chip[data-value="' + m.getAttribute('data-when') + '"]');
+                    if (sel) m.hidden = !sel.classList.contains('is-selected');
+                });
+            });
+        });
+    });
+
+    // path choice
+    [].slice.call(form.querySelectorAll('.ms-path')).forEach(function (p) {
+        p.addEventListener('click', function () {
+            state.path = p.getAttribute('data-path');
+            [].slice.call(form.querySelectorAll('.ms-path')).forEach(function (x) { x.classList.remove('is-selected'); });
+            p.classList.add('is-selected');
+            state.order = FLOWS[state.path];
+            state.idx = 1;
+            progress.hidden = false;
+            render();
+        });
+    });
+
+    function render() {
+        Object.keys(steps).forEach(function (k) { steps[k].hidden = (k !== state.order[state.idx]); });
+        var total = state.order.length;
+        bar.style.width = ((state.idx + 1) / total * 100) + '%';
+        ptext.textContent = STEP + ' ' + (state.idx + 1) + ' ' + OF + ' ' + total;
+        back.hidden = state.idx === 0;
+        var last = state.idx === total - 1;
+        var onPath = state.order[state.idx] === 'path';
+        next.hidden = last || onPath;
+        submit.hidden = !last;
+        if (last) submit.textContent = state.path === 'student' ? submit.getAttribute('data-student') : submit.getAttribute('data-supporter');
+        alertBox.hidden = true;
+    }
+
+    function validate() {
+        var step = steps[state.order[state.idx]], ok = true;
+        [].slice.call(step.querySelectorAll('[data-required="1"]')).forEach(function (el) {
+            if (el.closest('.ms-cond') && el.closest('.ms-cond').hidden) return;
+            if (el.classList.contains('ms-radios')) { if (!el.querySelector('.ms-radio.is-selected')) ok = false; }
+            else if (el.type === 'checkbox') { if (!el.checked) ok = false; }
+            else if (el.type === 'email') { if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(el.value)) ok = false; }
+            else { if (!el.value || !el.value.trim()) ok = false; }
+        });
+        return ok;
+    }
+
+    next.addEventListener('click', function () {
+        if (!validate()) { alertBox.hidden = false; return; }
+        if (state.idx < state.order.length - 1) { state.idx++; render(); form.scrollIntoView({ behavior: 'smooth', block: 'start' }); }
+    });
+    back.addEventListener('click', function () {
+        if (state.idx > 0) { state.idx--; render(); }
+    });
+
+    function collect() {
+        var d = { type: state.path };
+        [].slice.call(form.querySelectorAll('[data-name]')).forEach(function (el) {
+            if (el.closest('.ms-cond') && el.closest('.ms-cond').hidden) return;
+            var name = el.getAttribute('data-name');
+            if (el.classList.contains('ms-radios')) { var s = el.querySelector('.ms-radio.is-selected'); if (s) d[name] = s.getAttribute('data-value'); }
+            else if (el.classList.contains('ms-multi')) { var sel = [].slice.call(el.querySelectorAll('.ms-chip.is-selected')).map(function (c) { return c.getAttribute('data-value'); }); if (sel.length) d[name] = sel.join(', '); }
+            else if (el.type === 'checkbox') { d[name] = el.checked ? 'yes' : 'no'; }
+            else if (el.value && el.value.trim()) { d[name] = el.value.trim(); }
+        });
+        return d;
+    }
+
+    // Wire to a Google Form: set action + entry IDs (see MEMBERSHIP_FORM_SETUP).
+    var GOOGLE_FORM = { action: '', fields: {} };
+    function sendToForm(d) {
+        if (!GOOGLE_FORM.action) { console.log('[MSOS membership] not wired yet, payload:', d); return; }
+        var params = new URLSearchParams();
+        Object.keys(GOOGLE_FORM.fields).forEach(function (k) { if (d[k]) params.append(GOOGLE_FORM.fields[k], d[k]); });
+        if (GOOGLE_FORM.fields.summary) {
+            var lines = Object.keys(d).map(function (k) { return k + ': ' + d[k]; }).join('\n');
+            params.set(GOOGLE_FORM.fields.summary, lines);
+        }
+        try { fetch(GOOGLE_FORM.action, { method: 'POST', mode: 'no-cors', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, body: params.toString() }); } catch (e) { }
+    }
+
+    submit.addEventListener('click', function () {
+        if (!validate()) { alertBox.hidden = false; return; }
+        var d = collect();
+        sendToForm(d);
+        form.hidden = true;
+        var t = success.querySelector('.ms-success-title'), p = success.querySelector('.ms-success-text');
+        t.textContent = d.type === 'student' ? t.getAttribute('data-student-title') : t.getAttribute('data-supporter-title');
+        p.textContent = d.type === 'student' ? p.getAttribute('data-student-text') : p.getAttribute('data-supporter-text');
+        success.hidden = false;
+        success.scrollIntoView({ behavior: 'smooth', block: 'center' });
+    });
+
+    render();
+})();

mk/become-a-member/index.html

@@ -0,0 +1,574 @@
+<!DOCTYPE html>
+<html lang="mk">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Стани член - MSOS</title>
+    
+    <!-- Google Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+    
+    <!-- Font Awesome (for icons) -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+
+    <!-- Поврзување до главната CSS-датотека -->
+    <link rel="stylesheet" href="../../css/main.css">
+</head>
+<body>
+
+    <!-- START_HEADER -->
+<header class="dropdown-header-navigation">
+    <div class="container">
+        <!-- Logotip je zdaj samostojen element na levi strani -->
+        <a href="../../mk/" class="logo-link">
+            <img src="../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
+        </a>
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За нас</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Времеплов и достигнувања</a></li>
+                            <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Што работиме</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../mk/projects/">Настани и проекти</a></li>
+                            <li><a href="../../mk/blog/">Блог</a></li>
+                            <li><a href="#">Галерија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Вклучи се</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Стани член</a></li>
+                            <li><a href="#">Поддржи ја МСОС</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За студенти</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../mk/student-welcome-guide/">Водич за добредојде</a></li>
+                            <li><a href="../../mk/faq/">Често поставувани прашања</a></li>
+                            <li><a href="../../mk/get-to-know-slovenia/">Запознај ја Словенија</a></li>
+                            <li><a href="../../mk/get-to-know-macedonia/">Запознај ја Македонија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Новости</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../mk/news/">Вести и соопштенија</a></li>
+                            <li><a href="#">Соопштенија за медиуми</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
+            <div class="navigation-actions">
+                <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
+                <button class="btn btn-primary">Донирај</button>
+                <div class="language-selector">
+                    <div class="current-lang">
+                        <i class="fas fa-globe"></i>
+                        <span id="current-lang-code">МК</span>
+                        <i class="fas fa-chevron-down"></i>
+                    </div>
+                    <div class="lang-dropdown">
+                        <a href="#" data-lang="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
+        <div class="mobile-menu-icon">
+            <i class="fas fa-bars"></i>
+            <i class="fas fa-times"></i>
+        </div>
+    </div>
+</header>
+
+<!-- Panel za mobilno navigacijo -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За нас</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Времеплов и достигнувања</a></li>
+                    <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Што работиме</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../mk/projects/">Настани и проекти</a></li>
+                    <li><a href="../../mk/blog/">Блог</a></li>
+                    <li><a href="#">Галерија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Вклучи се</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Стани член</a></li>
+                    <li><a href="#">Поддржи ја МСОС</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За студенти</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../mk/student-welcome-guide/">Водич за добредојде</a></li>
+                    <li><a href="../../mk/faq/">Често поставувани прашања</a></li>
+                    <li><a href="../../mk/get-to-know-slovenia/">Запознај ја Словенија</a></li>
+                    <li><a href="../../mk/get-to-know-macedonia/">Запознај ја Македонија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Новости</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../mk/news/">Вести и соопштенија</a></li>
+                    <li><a href="#">Соопштенија за медиуми</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
+        <button class="btn btn-primary">Донирај</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>МК</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro na jazik (za mobilni) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Избери јазик</h3>
+            <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
+        </div>
+    </div>
+</div>
+<!-- END_HEADER -->
+
+    <main class="member-page">
+        <section class="mm-hero">
+            <div class="mm-hero-text">
+                <span class="mm-eyebrow">Стани член</span>
+                <h1>Најди ги своите луѓе во Словенија</h1>
+                <p class="mm-hero-lead">Запознај луѓе, доаѓај на настани, добиј поддршка, создавај проекти и стани дел од македонската студентска заедница низ Словенија.</p>
+                <div class="mm-hero-cta">
+                    <a class="btn btn-primary-orange" href="#join-form">Стани член</a>
+                    <a class="btn btn-secondary" href="#showcase">Види што работиме</a>
+                </div>
+                <div class="mm-tags"><span class="mm-tag">Заедница</span><span class="mm-tag">Настани</span><span class="mm-tag">Поддршка</span><span class="mm-tag">Проекти</span><span class="mm-tag">Пријатели</span><span class="mm-tag">Можности</span></div>
+            </div>
+            <div class="mm-hero-collage"><div class="mm-hero-photo mm-hero-photo--1"><img src="../../images/event4-img-1.webp" alt="Запознај ја студентска Словенија 2024" loading="eager"></div><div class="mm-hero-photo mm-hero-photo--2"><img src="../../images/msnl-1.webp" alt="Македонска студентска вечер во Љубљана" loading="eager"></div><div class="mm-hero-photo mm-hero-photo--3"><img src="../../images/handball-2025-1.png" alt="Навивање за Македонија, заедничко гледање ракомет во Словенија" loading="eager"></div></div>
+        </section>
+
+        <section class="mm-section">
+            <h2 class="mm-h2">Зошто да станеш член?</h2>
+            <div class="mm-benefits">
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-people-group" aria-hidden="true"></i></div>
+                    <h3>Најди ги своите луѓе</h3><p>Запознај македонски студенти низ Словенија и создади пријателства надвор од предавалната.</p>
+                </article>
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-hand-holding-heart" aria-hidden="true"></i></div>
+                    <h3>Почувствувај поддршка</h3><p>Добиј практична помош, локално знаење и заедница што разбира што значи студирање во странство.</p>
+                </article>
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-champagne-glasses" aria-hidden="true"></i></div>
+                    <h3>Доаѓај на незаборавни настани</h3><p>Друженија, културни настани, спорт, излети, работилници и студентски собири.</p>
+                </article>
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-screwdriver-wrench" aria-hidden="true"></i></div>
+                    <h3>Стекни искуство</h3><p>Развивај вештини преку волонтирање, комуникација, проектна работа и организација на настани.</p>
+                </article>
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-lightbulb" aria-hidden="true"></i></div>
+                    <h3>Создади нешто значајно</h3><p>Донеси идеи, приклучи се на проекти и помогни да се обликуваат активностите за заедницата.</p>
+                </article>
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-diagram-project" aria-hidden="true"></i></div>
+                    <h3>Прошири ја својата мрежа</h3><p>Запознај студенти, алумни, професионалци, институции и партнери.</p>
+                </article>
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-house-heart" aria-hidden="true"></i></div>
+                    <h3>Почувствувај се како дома</h3><p>Припаѓај на заедница каде никогаш не мораш да објаснуваш од каде доаѓаш.</p>
+                </article>
+            </div>
+        </section>
+
+        <section class="mm-numbers-section">
+            <h2 class="mm-h2 mm-h2--light">МСОС во бројки</h2>
+            <div class="mm-numbers">
+                <div class="mm-num"><span class="mm-num-value" data-count="120" data-suffix="+">0</span><span class="mm-num-label">активни членови</span></div>
+                <div class="mm-num"><span class="mm-num-value" data-count="50" data-suffix="+">0</span><span class="mm-num-label">настани и активности</span></div>
+                <div class="mm-num"><span class="mm-num-value" data-count="2500" data-suffix="+">0</span><span class="mm-num-label">учесници</span></div>
+                <div class="mm-num"><span class="mm-num-value" data-count="20" data-suffix="+">0</span><span class="mm-num-label">партнери</span></div>
+            </div>
+            <p class="mm-note">Бројки за потврда пред објава.</p>
+        </section>
+
+        <section class="mm-section">
+            <h2 class="mm-h2">Има повеќе начини да бидеш дел од МСОС</h2>
+            <p class="mm-lead">Не мора да организираш настани или да водиш за да припаѓаш. Приклучи се на начин што ти одговара.</p>
+            <div class="mm-ways">
+                <article class="mm-way">
+                    <div class="mm-way-ico"><i class="fas fa-envelope-open-text" aria-hidden="true"></i></div>
+                    <h3>Остани поврзан</h3><p>Примај новости и знај што се случува.</p>
+                </article>
+                <article class="mm-way">
+                    <div class="mm-way-ico"><i class="fas fa-mug-hot" aria-hidden="true"></i></div>
+                    <h3>Приклучи се на заедницата</h3><p>Доаѓај на настани, запознавај луѓе и учествувај кога ти одговара.</p>
+                </article>
+                <article class="mm-way">
+                    <div class="mm-way-ico"><i class="fas fa-hands-helping" aria-hidden="true"></i></div>
+                    <h3>Волонтирај повремено</h3><p>Помагај на избрани активности без долгорочна обврска.</p>
+                </article>
+                <article class="mm-way">
+                    <div class="mm-way-ico"><i class="fas fa-diagram-project" aria-hidden="true"></i></div>
+                    <h3>Приклучи се на проекти</h3><p>Придонеси на конкретни иницијативи, кампањи, водичи или соработки.</p>
+                </article>
+                <article class="mm-way">
+                    <div class="mm-way-ico"><i class="fas fa-calendar-check" aria-hidden="true"></i></div>
+                    <h3>Организирај настани</h3><p>Помагај да се планираат, координираат, промовираат и реализираат активности.</p>
+                </article>
+                <article class="mm-way">
+                    <div class="mm-way-ico"><i class="fas fa-star" aria-hidden="true"></i></div>
+                    <h3>Преземи одговорност</h3><p>Истражи лидерство, управување, застапување или улоги во локален тим.</p>
+                </article>
+            </div>
+        </section>
+
+        <section class="mm-section">
+            <h2 class="mm-h2">Како всушност изгледа да си дел од МСОС</h2>
+            <div class="mm-reals">
+                <a class="mm-real" href="../projects/meet-student-slovenia-2024/">
+                    <div class="mm-real-media"><img src="../../images/event4-img-1.webp" alt="Почни на настан за добредојде" loading="lazy"></div>
+                    <div class="mm-real-body"><h3>Почни на настан за добредојде</h3><p>Запознај ја заедницата уште од првите недели во Словенија.</p><span class="mm-real-link">Прочитај ја приказната <i class="fas fa-arrow-right" aria-hidden="true"></i></span></div>
+                </a>
+                <a class="mm-real" href="../projects/macedonian-student-night-in-ljubljana/">
+                    <div class="mm-real-media"><img src="../../images/msnl-1.webp" alt="Уживај на студентска ноќ" loading="lazy"></div>
+                    <div class="mm-real-body"><h3>Уживај на студентска ноќ</h3><p>Музика, пријатели и вечер што е како дома.</p><span class="mm-real-link">Прочитај ја приказната <i class="fas fa-arrow-right" aria-hidden="true"></i></span></div>
+                </a>
+                <a class="mm-real" href="../projects/humanitarian-tournament-in-maribor/">
+                    <div class="mm-real-media"><img src="../../images/maribor-tournament-1.png" alt="Придонесете заедно" loading="lazy"></div>
+                    <div class="mm-real-body"><h3>Придонесете заедно</h3><p>Учествувај во хуманитарни активности што помагаат на другите.</p><span class="mm-real-link">Прочитај ја приказната <i class="fas fa-arrow-right" aria-hidden="true"></i></span></div>
+                </a>
+                <a class="mm-real" href="../projects/watching-handball-together-in-slovenia/">
+                    <div class="mm-real-media"><img src="../../images/handball-2025-1.png" alt="Навивајте заедно" loading="lazy"></div>
+                    <div class="mm-real-body"><h3>Навивајте заедно</h3><p>Спорт, енергија и припадност, каде и да студираш.</p><span class="mm-real-link">Прочитај ја приказната <i class="fas fa-arrow-right" aria-hidden="true"></i></span></div>
+                </a>
+            </div>
+        </section>
+
+        <section class="mm-section mm-section--soft">
+            <h2 class="mm-h2">Зошто студентите се приклучија и зошто останаа</h2>
+            <div class="mm-tests">
+                <figure class="mm-test">
+                    <blockquote>Се приклучив затоа што сакав да запознаам луѓе. Останав затоа што МСОС стана дел од мојот живот во Словенија.</blockquote>
+                    <figcaption><strong>Ana</strong><span>Студентка, Љубљана</span></figcaption>
+                </figure>
+                <figure class="mm-test">
+                    <blockquote>Кога се преселив во Словенија, не знаев од каде да почнам. Преку МСОС најдов поддршка, пријатели и можности.</blockquote>
+                    <figcaption><strong>Marko</strong><span>Студент, Марибор</span></figcaption>
+                </figure>
+                <figure class="mm-test">
+                    <blockquote>Тимската работа ме научи повеќе од која било предавална. Организирав настани, запознав партнери и многу пораснав.</blockquote>
+                    <figcaption><strong>Elena</strong><span>Волонтерка, Копер</span></figcaption>
+                </figure>
+            </div>
+            <p class="mm-note mm-note--center">Примерни цитати за замена со вистински.</p>
+        </section>
+
+        <section class="mm-section" id="showcase">
+            <h2 class="mm-h2">Види го МСОС во акција</h2>
+            <div class="mm-shows">
+                <a class="mm-show" href="../projects/meet-student-slovenia-2024/">
+                    <div class="mm-show-media"><img src="../../images/event4-img-1.webp" alt="Запознај ја студентска Словенија 2024" loading="lazy"></div>
+                    <h3>Запознај ја студентска Словенија 2024</h3>
+                </a>
+                <a class="mm-show" href="../projects/macedonian-student-night-in-ljubljana/">
+                    <div class="mm-show-media"><img src="../../images/msnl-1.webp" alt="Македонска студентска вечер во Љубљана" loading="lazy"></div>
+                    <h3>Македонска студентска вечер во Љубљана</h3>
+                </a>
+                <a class="mm-show" href="../projects/humanitarian-tournament-in-maribor/">
+                    <div class="mm-show-media"><img src="../../images/maribor-tournament-1.png" alt="Хуманитарен спортски турнир: Играме со срце, заедно за Кочани" loading="lazy"></div>
+                    <h3>Хуманитарен спортски турнир: Играме со срце, заедно за Кочани</h3>
+                </a>
+                <a class="mm-show" href="../projects/paint-and-wine-at-sunset/">
+                    <div class="mm-show-media"><img src="../../images/paint-wine-1.jpg" alt="Сликање и вино на зајдисонце, славење на Денот на жената со уметност и музика" loading="lazy"></div>
+                    <h3>Сликање и вино на зајдисонце, славење на Денот на жената со уметност и музика</h3>
+                </a>
+                <a class="mm-show" href="../projects/morning-coffee-in-front-of-ctk/">
+                    <div class="mm-show-media"><img src="../../images/event4-image1.webp" alt="Утринско кафе пред ЦТК, 2024: Кафе, бурек и многу насмевки" loading="lazy"></div>
+                    <h3>Утринско кафе пред ЦТК, 2024: Кафе, бурек и многу насмевки</h3>
+                </a>
+                <a class="mm-show" href="../projects/watching-handball-together-in-slovenia/">
+                    <div class="mm-show-media"><img src="../../images/handball-2025-1.png" alt="Навивање за Македонија, заедничко гледање ракомет во Словенија" loading="lazy"></div>
+                    <h3>Навивање за Македонија, заедничко гледање ракомет во Словенија</h3>
+                </a>
+            </div>
+            <div class="mm-center"><a class="btn btn-secondary" href="../news/">Сите настани и проекти</a></div>
+        </section>
+
+        <section class="mm-section">
+            <h2 class="mm-h2">Тука има место за тебе</h2>
+            <div class="mm-who">
+                <article class="mm-who-card"><div class="mm-who-ico"><i class="fas fa-graduation-cap" aria-hidden="true"></i></div><h3>За студенти</h3><p>Сегашни и идни студенти, додипломски и магистерски, во секој словенечки студентски град.</p><a class="mm-who-link" href="#join-form">Јас сум студент <i class="fas fa-arrow-right" aria-hidden="true"></i></a></article>
+                <article class="mm-who-card"><div class="mm-who-ico"><i class="fas fa-handshake-angle" aria-hidden="true"></i></div><h3>За поддржувачи</h3><p>Не мора да си студент за да ја поддржиш заедницата. Придонеси со знаење, партнерства, менторство, волонтирање, спонзорства, медиуми или корисни врски.</p><a class="mm-who-link" href="#join-form">Сакам да го поддржам МСОС <i class="fas fa-arrow-right" aria-hidden="true"></i></a></article>
+            </div>
+        </section>
+
+        <section class="ms-section" id="join-form">
+            <div class="ms-head">
+                <span class="ms-eyebrow">Формулар за членство</span>
+                <h2>Приклучи се за неколку минути</h2>
+                <p>Неколку пријателски прашања. Не мора сега да одлучиш колку активен сакаш да бидеш.</p>
+            </div>
+            <form class="ms-form" novalidate>
+                <div class="ms-progress" data-step="Чекор" data-of="од" hidden><div class="ms-progress-track"><div class="ms-progress-bar"></div></div><span class="ms-progress-text"></span></div>
+                <div class="ms-alert" hidden>Пополни ги задолжителните полиња.</div>
+
+                <div class="ms-step" data-step="path" data-flow="both">
+                    <h3>Како сакаш да се поврзеш со МСОС?</h3>
+                    <div class="ms-paths">
+                        <button type="button" class="ms-path" data-path="student"><i class="fas fa-graduation-cap" aria-hidden="true"></i><strong>Јас сум студент</strong></button>
+                        <button type="button" class="ms-path" data-path="supporter"><i class="fas fa-handshake-angle" aria-hidden="true"></i><strong>Сакам да го поддржам МСОС</strong></button>
+                    </div>
+                </div>
+
+                <div class="ms-step" data-step="s-basic" data-flow="student">
+                    <h3>Кажи ни кој си</h3>
+                    <div class="ms-grid"><label class="ms-field"><span>Име *</span><input type="text" data-name="firstName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Презиме *</span><input type="text" data-name="lastName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Е-пошта *</span><input type="email" data-name="email" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Телефон (изборно)</span><input type="tel" data-name="phone" autocomplete="off"></label><label class="ms-field"><span>Тековен град</span><input type="text" data-name="cityNow" autocomplete="off"></label><label class="ms-field"><span>Претпочитан контакт</span><select data-name="contactPref"><option value="">Избери...</option><option value="email">Е-пошта</option><option value="whatsapp">WhatsApp</option><option value="phone">Телефон</option></select></label></div>
+                </div>
+                <div class="ms-step" data-step="s-status" data-flow="student">
+                    <h3>Каде си на твоето студентско патување?</h3>
+                    <div class="ms-radios" data-name="status" data-required="1">
+                        <button type="button" class="ms-radio" data-value="studying">Веќе студирам во Словенија</button>
+                        <button type="button" class="ms-radio" data-value="moving">Се подготвувам да се преселам во Словенија</button>
+                        <button type="button" class="ms-radio" data-value="exploring">Сè уште ги истражувам можностите</button>
+                        <button type="button" class="ms-radio" data-value="graduated">Неодамна дипломирав</button>
+                    </div>
+                    <div class="ms-cond" data-when="studying">
+                        <div class="ms-grid"><label class="ms-field"><span>Универзитет</span><input type="text" data-name="university" autocomplete="off"></label><label class="ms-field"><span>Факултет</span><input type="text" data-name="faculty" autocomplete="off"></label><label class="ms-field"><span>Студиска програма</span><input type="text" data-name="programme" autocomplete="off"></label><label class="ms-field"><span>Степен на студии</span><select data-name="level"><option value="">Избери...</option><option value="bachelor">Додипломски</option><option value="master">Магистерски</option></select></label><label class="ms-field"><span>Година на студии</span><input type="text" data-name="year" autocomplete="off"></label><label class="ms-field"><span>Град на студирање</span><select data-name="studyCity"><option value="">Избери...</option><option value="ljubljana">Љубљана</option><option value="maribor">Марибор</option><option value="koper">Копер и Приморска</option><option value="nova-gorica">Нова Горица и Горица</option><option value="celje">Целје</option><option value="other">Друго</option><option value="unsure">Сè уште не сум сигурен</option></select></label></div>
+                    </div>
+                    <div class="ms-cond" data-when="moving">
+                        <div class="ms-grid"><label class="ms-field"><span>Универзитет</span><input type="text" data-name="university" autocomplete="off"></label><label class="ms-field"><span>Факултет или област на интерес</span><input type="text" data-name="field" autocomplete="off"></label><label class="ms-field"><span>Степен на студии</span><select data-name="level"><option value="">Избери...</option><option value="bachelor">Додипломски</option><option value="master">Магистерски</option></select></label><label class="ms-field"><span>Предвиден град</span><select data-name="intendedCity"><option value="">Избери...</option><option value="ljubljana">Љубљана</option><option value="maribor">Марибор</option><option value="koper">Копер и Приморска</option><option value="nova-gorica">Нова Горица и Горица</option><option value="celje">Целје</option><option value="other">Друго</option><option value="unsure">Сè уште не сум сигурен</option></select></label><label class="ms-field"><span>Предвидена академска година</span><input type="text" data-name="academicYear" autocomplete="off"></label></div>
+                    </div>
+                    <div class="ms-cond" data-when="exploring">
+                        <div class="ms-grid"><label class="ms-field"><span>Области на интерес</span><input type="text" data-name="areas" autocomplete="off"></label><label class="ms-field"><span>Степен на студии</span><select data-name="level"><option value="">Избери...</option><option value="bachelor">Додипломски</option><option value="master">Магистерски</option></select></label></div>
+                    </div>
+                </div>
+                <div class="ms-step" data-step="s-intention" data-flow="student">
+                    <h3>Што најмногу ти личи?</h3>
+                    <p class="ms-hint">Избери колку сакаш.</p>
+                    <div class="ms-multi" data-name="intention">
+                        <button type="button" class="ms-chip" data-value="meet">Сакам да запознавам луѓе</button>
+                        <button type="button" class="ms-chip" data-value="events">Сакам да доаѓам на настани</button>
+                        <button type="button" class="ms-chip" data-value="informed">Сакам да бидам информиран</button>
+                        <button type="button" class="ms-chip" data-value="support">Барам поддршка</button>
+                        <button type="button" class="ms-chip" data-value="volunteer">Сакам да волонтирам</button>
+                        <button type="button" class="ms-chip" data-value="organise">Сакам да помагам во организирање настани</button>
+                        <button type="button" class="ms-chip" data-value="projects">Сакам да се приклучам на проекти</button>
+                        <button type="button" class="ms-chip" data-value="experience">Сакам да стекнам искуство</button>
+                        <button type="button" class="ms-chip" data-value="leadership">Ме интересира лидерство</button>
+                        <button type="button" class="ms-chip" data-value="figuring">Сè уште размислувам</button>
+                    </div>
+                    <p class="ms-msg" data-when="leadership" hidden>Со задоволство би дознале повеќе за твоето искуство и видот одговорност што те интересира.</p>
+                    <p class="ms-msg" data-when="events" hidden>Одлично. Може да се приклучиш на заедницата без никаква формална одговорност.</p>
+                    <p class="ms-msg" data-when="figuring" hidden>Без притисок. Почни со тоа што ќе останеш поврзан, а подоцна одлучи колку сакаш да бидеш вклучен.</p>
+                </div>
+                <div class="ms-step" data-step="s-interests" data-flow="student">
+                    <h3>Во што би сакал да учествуваш?</h3>
+                    <p class="ms-hint">Избери колку сакаш.</p>
+                    <div class="ms-multi" data-name="interests">
+                        <button type="button" class="ms-chip" data-value="social">Друженија</button>
+                        <button type="button" class="ms-chip" data-value="cultural">Културни настани</button>
+                        <button type="button" class="ms-chip" data-value="sports">Спорт</button>
+                        <button type="button" class="ms-chip" data-value="support">Поддршка на студенти</button>
+                        <button type="button" class="ms-chip" data-value="creative">Креативни проекти</button>
+                        <button type="button" class="ms-chip" data-value="humanitarian">Хуманитарни активности</button>
+                        <button type="button" class="ms-chip" data-value="professional">Професионален развој</button>
+                        <button type="button" class="ms-chip" data-value="networking">Вмрежување</button>
+                        <button type="button" class="ms-chip" data-value="media">Медиуми и комуникација</button>
+                        <button type="button" class="ms-chip" data-value="design">Дизајн и содржина</button>
+                        <button type="button" class="ms-chip" data-value="partnerships">Партнерства</button>
+                        <button type="button" class="ms-chip" data-value="volunteering">Волонтирање</button>
+                    </div>
+                </div>
+                <div class="ms-step" data-step="s-city" data-flow="student">
+                    <h3>Каде да те поврземе?</h3>
+                    <div class="ms-radios" data-name="connectCity">
+                        <button type="button" class="ms-radio" data-value="ljubljana">Љубљана</button>
+                        <button type="button" class="ms-radio" data-value="maribor">Марибор</button>
+                        <button type="button" class="ms-radio" data-value="koper">Копер и Приморска</button>
+                        <button type="button" class="ms-radio" data-value="nova-gorica">Нова Горица и Горица</button>
+                        <button type="button" class="ms-radio" data-value="celje">Целје</button>
+                        <button type="button" class="ms-radio" data-value="other">Друго</button>
+                        <button type="button" class="ms-radio" data-value="unsure">Сè уште не сум сигурен</button>
+                    </div>
+                    <p class="ms-msg" data-when="*any" hidden>Ќе те поврземе со најблиската заедница на МСОС.</p>
+                </div>
+                <div class="ms-step" data-step="s-personal" data-flow="student">
+                    <h3>Што би го направило МСОС вредно за тебе? (изборно)</h3>
+                    <textarea data-name="personal" rows="4" placeholder="Напиши што се надеваш дека ќе најдеш, научиш или доживееш."></textarea>
+                </div>
+                <div class="ms-step" data-step="s-consent" data-flow="student">
+                    <label class="ms-check"><input type="checkbox" data-name="consentContact" data-required="1"> <span>Се согласувам МСОС да ме контактира во врска со мојата пријава.</span></label>
+                    <label class="ms-check"><input type="checkbox" data-name="consentPrivacy" data-required="1"> <span>Ја прочитав изјавата за приватност. (<a href="../privacy-policy/">изјавата за приватност</a>)</span></label>
+                    <label class="ms-check"><input type="checkbox" data-name="consentUpdates"> <span>Сакам да примам новости за настани и заедницата.</span></label>
+                </div>
+
+                <div class="ms-step" data-step="p-basic" data-flow="supporter">
+                    <h3>Кажи ни кој си</h3>
+                    <div class="ms-grid"><label class="ms-field"><span>Име *</span><input type="text" data-name="firstName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Презиме *</span><input type="text" data-name="lastName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Е-пошта *</span><input type="email" data-name="email" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Телефон (изборно)</span><input type="tel" data-name="phone" autocomplete="off"></label><label class="ms-field"><span>Тековен град</span><input type="text" data-name="cityNow" autocomplete="off"></label><label class="ms-field"><span>Организација или компанија (изборно)</span><input type="text" data-name="org" autocomplete="off"></label><label class="ms-field"><span>Улога или професија (изборно)</span><input type="text" data-name="role" autocomplete="off"></label></div>
+                </div>
+                <div class="ms-step" data-step="p-support" data-flow="supporter">
+                    <h3>Како сакаш да го поддржиш МСОС?</h3>
+                    <p class="ms-hint">Избери колку сакаш.</p>
+                    <div class="ms-multi" data-name="support">
+                        <button type="button" class="ms-chip" data-value="partnerships">Партнерства</button>
+                        <button type="button" class="ms-chip" data-value="sponsorships">Спонзорства</button>
+                        <button type="button" class="ms-chip" data-value="mentorship">Менторство</button>
+                        <button type="button" class="ms-chip" data-value="volunteering">Волонтирање</button>
+                        <button type="button" class="ms-chip" data-value="expertise">Стручно знаење</button>
+                        <button type="button" class="ms-chip" data-value="media">Медиумска поддршка</button>
+                        <button type="button" class="ms-chip" data-value="events">Поддршка на настани</button>
+                        <button type="button" class="ms-chip" data-value="careers">Кариерни можности</button>
+                        <button type="button" class="ms-chip" data-value="connections">Врски во заедницата</button>
+                        <button type="button" class="ms-chip" data-value="venue">Простор или логистика</button>
+                    </div>
+                </div>
+                <div class="ms-step" data-step="p-message" data-flow="supporter">
+                    <h3>Кажи ни како сакаш да придонесеш (изборно)</h3>
+                    <textarea data-name="contribution" rows="4" placeholder="Кратка белешка за тоа што можеш да понудиш или проект што ти е важен."></textarea>
+                </div>
+                <div class="ms-step" data-step="p-consent" data-flow="supporter">
+                    <label class="ms-check"><input type="checkbox" data-name="consentContact" data-required="1"> <span>Се согласувам МСОС да ме контактира во врска со мојата пријава.</span></label>
+                    <label class="ms-check"><input type="checkbox" data-name="consentPrivacy" data-required="1"> <span>Ја прочитав изјавата за приватност. (<a href="../privacy-policy/">изјавата за приватност</a>)</span></label>
+                </div>
+
+                <div class="ms-nav">
+                    <button type="button" class="btn btn-secondary ms-back" hidden>Назад</button>
+                    <button type="button" class="btn btn-primary-orange ms-next" hidden>Продолжи</button>
+                    <button type="button" class="btn btn-primary-orange ms-submit" data-student="Приклучи се на МСОС" data-supporter="Поддржи го МСОС" hidden>Приклучи се на МСОС</button>
+                </div>
+            </form>
+
+            <div class="ms-success" hidden>
+                <div class="ms-success-icon"><i class="fas fa-circle-check" aria-hidden="true"></i></div>
+                <h3 class="ms-success-title"
+                    data-student-title="Добредојде во заедницата" data-supporter-title="Ти благодариме за поддршката на МСОС"></h3>
+                <p class="ms-success-text"
+                    data-student-text="Ти благодариме што ни се јави. Радуваме што ќе те запознаеме. Член на тимот на МСОС наскоро ќе те контактира." data-supporter-text="Го цениме твојот интерес за македонската студентска заедница во Словенија. Тимот ќе ја прегледа пораката и наскоро ќе те контактира."></p>
+                <p class="ms-success-next">Додека чекаш</p>
+                <div class="ms-success-links">
+                    <a class="btn btn-secondary" href="../news/">Истражи ги претстојните настани</a>
+                    <a class="btn btn-secondary" href="../student-welcome-guide/">Прочитај го студентскиот водич</a>
+                    <a class="btn btn-secondary" href="../projects/">Откриј ги неодамнешните проекти</a>
+                </div>
+            </div>
+        </section>
+
+        <section class="mm-section mm-section--soft">
+            <h2 class="mm-h2">Добро е да се знае</h2>
+            <div class="mm-faqs">
+                <details class="mm-faq"><summary>Дали членството е само за студенти во Љубљана?</summary><div class="mm-faq-a"><p>Не. МСОС е за македонски студенти низ Словенија, вклучувајќи Марибор, Копер, Нова Горица, Целје и други градови.</p></div></details>
+                <details class="mm-faq"><summary>Дали можам да се приклучам пред да се преселам во Словенија?</summary><div class="mm-faq-a"><p>Да. Идните студенти може да се приклучат, да примаат новости и да се поврзат со луѓе пред пристигнувањето.</p></div></details>
+                <details class="mm-faq"><summary>Дали морам да бидам многу активен?</summary><div class="mm-faq-a"><p>Не. Може да доаѓаш на настани, да си информиран, повремено да волонтираш или подоцна да преземеш поголема улога.</p></div></details>
+                <details class="mm-faq"><summary>Дали има членарина?</summary><div class="mm-faq-a"><p>Да се потврди пред објава.</p></div></details>
+                <details class="mm-faq"><summary>Дали не-студенти можат да го поддржат МСОС?</summary><div class="mm-faq-a"><p>Да. Родители, алумни, професионалци, компании и други поддржувачи можат да придонесат со менторство, партнерства, спонзорства, знаење, волонтирање или корисни врски.</p></div></details>
+                <details class="mm-faq"><summary>Што се случува откако ќе го испратам формуларот?</summary><div class="mm-faq-a"><p>Тимот на МСОС ги прегледува твоите податоци и те контактира со следниот чекор.</p></div></details>
+                <details class="mm-faq"><summary>Дали можам подоцна да сменам колку сум активен?</summary><div class="mm-faq-a"><p>Да. Членовите можат да бидат повеќе или помалку активни според интересите и достапноста.</p></div></details>
+            </div>
+        </section>
+
+        <section class="mm-final">
+            <h2>Твојата студентска приказна во Словенија може да почне тука</h2>
+            <p>Без разлика дали бараш поддршка, пријателства, можности или чувство на припадност, МСОС со радост те прифаќа.</p>
+            <a class="btn btn-primary-orange" href="#join-form">Стани член</a>
+        </section>
+    </main>
+
+    <!-- START_FOOTER -->
+<footer>
+    <div class="footer-container">
+        <div class="footer-main">
+            <div class="footer-info">
+                <div class="footer-logo">
+                    <img src="../../images/13-whitelogo.png" alt="Логотип на Македонската студентска организација во Словенија">
+                </div>
+                <p class="footer-legal-name">Društvo Makedonska Študentska Organizacija v Sloveniji za študentsko podporo in kulturno sodelovanje</p>
+                <p>
+                    Masarykova cesta 24<br>
+                    1000 Ljubljana, Словенија<br>
+                    <a href="mailto:info@msosorg.com">info@msosorg.com</a>
+                </p>
+                <div class="social-icons">
+                    <a href="https://www.facebook.com/msos.org" aria-label="Facebook" target="_blank" rel="noopener"><i class="fab fa-facebook-f"></i></a>
+                    <a href="https://www.instagram.com/msosorg_com" aria-label="Instagram" target="_blank" rel="noopener"><i class="fab fa-instagram"></i></a>
+                    <a href="https://www.linkedin.com/company/msos-org" aria-label="LinkedIn" target="_blank" rel="noopener"><i class="fab fa-linkedin-in"></i></a>
+                    <a href="https://www.youtube.com/@msosorg" aria-label="YouTube" target="_blank" rel="noopener"><i class="fab fa-youtube"></i></a>
+                </div>
+            </div>
+            <div class="footer-links">
+                <div class="links-column">
+                    <h4>Студентски водич</h4>
+                    <a href="../../mk/student-welcome-guide/">Студентски водич за добредојде</a>
+                    <a href="../../mk/student-welcome-guide/complete-student-journey/">Целосниот пат</a>
+                    <a href="../../mk/student-welcome-guide/application-deadlines/">Рокови за пријава</a>
+                    <a href="../../mk/student-welcome-guide/evs-application-guide/">Пријава преку eVŠ</a>
+                    <a href="../../mk/student-welcome-guide/student-residence-permit/">Дозвола за престој</a>
+                    <a href="../../mk/student-welcome-guide/student-accommodation/">Сместување</a>
+                </div>
+                <div class="links-column">
+                    <h4>Истражи</h4>
+                    <a href="../../mk/get-to-know-slovenia/">Запознај ја Словенија</a>
+                    <a href="../../mk/get-to-know-macedonia/">Запознај ја Македонија</a>
+                    <a href="../../mk/projects/">Проекти и настани</a>
+                </div>
+                <div class="links-column">
+                    <h4>Организација</h4>
+                    <a href="mailto:info@msosorg.com">Контактирајте нè</a>
+                    <a href="../../mk/privacy-policy/">Политика за приватност</a>
+                    <a href="../../mk/cookie-policy/">Политика за колачиња</a>
+                </div>
+            </div>
+        </div>
+        <hr>
+        <div class="footer-bottom">
+            <p>© 2026 МСОС. Сите права задржани.</p>
+            <div class="legal-links">
+                <a href="../../mk/privacy-policy/">Политика за приватност</a>
+                <a href="../../mk/cookie-policy/">Политика за колачиња</a>
+            </div>
+        </div>
+    </div>
+    <script src="../../main.js"></script>
+</footer>
+<!-- END_FOOTER -->
+    <script src="../../member-form.js"></script>
+
+</body>
+</html>

mk/blog/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

mk/cookie-policy/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

mk/faq/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

mk/get-to-know-macedonia/a-table-full-of-macedonia/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

mk/get-to-know-macedonia/history-you-can-still-walk-through/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

mk/get-to-know-macedonia/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

mk/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

mk/get-to-know-macedonia/ohrid-more-than-a-postcard/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

mk/get-to-know-macedonia/skopje-a-city-of-many-layers/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

mk/get-to-know-macedonia/welcome-to-macedonia/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

mk/get-to-know-slovenia/a-first-taste-of-slovenian-food/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

mk/get-to-know-slovenia/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

mk/get-to-know-slovenia/lake-bled-beyond-the-famous-view/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

mk/get-to-know-slovenia/ljubljana-through-our-eyes/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

mk/get-to-know-slovenia/slovenian-habits-that-may-surprise-you/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

mk/get-to-know-slovenia/slovenias-stories-in-stone-and-tradition/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

mk/get-to-know-slovenia/welcome-to-slovenia/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

mk/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
@@ -186,7 +186,7 @@
                     <h1>Ги зајакнуваме младите со вештини за да го променат светот</h1>
                     <p>Без разлика дали имате тим од 2 или 200 луѓе, нашите заеднички тимски сандачиња ги одржуваат сите на иста страна и во тек со случувањата.</p>
                 </div>
-                <button class="btn btn-primary-orange">Стани член</button>
+                <a href="../mk/become-a-member/" class="btn btn-primary-orange">Стани член</a>
             </div>
         </section>
 
@@ -252,7 +252,7 @@
                         <li>Забава и дружење</li>
                         <li>Студентска поддршка</li>
                     </ul>
-                    <button class="btn btn-primary-orange">Стани член</button>
+                    <a href="../mk/become-a-member/" class="btn btn-primary-orange">Стани член</a>
                 </div>
                 <div class="activity-details">
                     <p>Sed molestie penatibus sit bibendum pharetra purus faucibus fames aliquet. Morbi morbi ac sed tempor porta. Dui iaculis vitae fames sapien. Pellentesque urna eget habitasse arcu sed ornare. Dignissim lobortis ultrices maecenas magna ac habitant donec etiam at.</p>

mk/news/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

mk/privacy-policy/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

mk/projects/humanitarian-tournament-in-maribor/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

mk/projects/in-memory-of-frosina-kulakova/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

mk/projects/in-memory-of-the-kochani-victims/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

mk/projects/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

mk/projects/macedonian-student-night-in-ljubljana/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

mk/projects/meet-student-slovenia-2023/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

mk/projects/meet-student-slovenia-2024/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

mk/projects/morning-coffee-in-front-of-ctk/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

mk/projects/paint-and-wine-at-sunset/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">

mk/projects/watching-handball-together-in-slovenia/index.html

@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">