Contact FAREI<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=DM+Sans:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n\n\n<script src=\"https:\/\/challenges.cloudflare.com\/turnstile\/v0\/api.js\" async defer><\/script>\n\n<style>\n :root {\n --green-900: #1A3409;\n --green-800: #2D5016;\n --green-700: #3B6D11;\n --green-600: #5A8C2C;\n --green-100: #E8F0E1;\n --green-50: #F5F9F0;\n --text: #1A1F1A;\n --text-muted: #5A6B5A;\n --text-light: #8A9A8A;\n --bg: #FAFAF7;\n --surface: #FFFFFF;\n --border: rgba(45, 80, 22, 0.12);\n --border-strong: rgba(45, 80, 22, 0.25);\n --danger: #B33A3A;\n --danger-bg: #FBEFEF;\n --success: #2D5016;\n --success-bg: #E8F0E1;\n --shadow-md: 0 4px 24px -8px rgba(45, 80, 22, 0.12);\n }\n\n *, *::before, *::after { box-sizing: border-box; }\n\n body {\n margin: 0;\n padding: 0;\n font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n background: var(--bg);\n color: var(--text);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n min-height: 100vh;\n }\n\n .farei-contact { max-width: 640px; margin: 0 auto; padding: 48px 24px; }\n\n .farei-contact__header { text-align: center; margin-bottom: 40px; }\n\n }\n\n .farei-contact__title {\n font-family: 'Fraunces', Georgia, serif;\n font-weight: 500;\n font-size: clamp(32px, 5vw, 44px);\n letter-spacing: -0.02em;\n color: var(--green-900);\n margin: 0 0 12px;\n font-variation-settings: \"opsz\" 144;\n }\n\n .farei-contact__subtitle {\n color: var(--text-muted);\n font-size: 16px;\n margin: 0 auto;\n max-width: 480px;\n }\n\n .farei-contact__card {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 40px;\n box-shadow: var(--shadow-md);\n }\n\n .farei-contact__row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n margin-bottom: 4px;\n }\n\n .farei-contact__field { margin-bottom: 20px; }\n\n .farei-contact__label {\n display: block;\n font-size: 13px;\n font-weight: 500;\n color: var(--green-900);\n margin-bottom: 6px;\n letter-spacing: 0.01em;\n }\n\n .farei-contact__required { color: var(--danger); margin-left: 2px; }\n .farei-contact__optional { color: var(--text-light); font-weight: 400; font-size: 12px; margin-left: 4px; }\n\n .farei-contact input[type=\"text\"],\n .farei-contact input[type=\"email\"],\n .farei-contact input[type=\"tel\"],\n .farei-contact select,\n .farei-contact textarea {\n width: 100%;\n padding: 12px 14px;\n font-family: inherit;\n font-size: 15px;\n color: var(--text);\n background: var(--surface);\n border: 1px solid var(--border-strong);\n border-radius: 10px;\n transition: border-color 0.15s, box-shadow 0.15s;\n }\n\n .farei-contact input:focus,\n .farei-contact select:focus,\n .farei-contact textarea:focus {\n outline: none;\n border-color: var(--green-700);\n box-shadow: 0 0 0 3px rgba(91, 140, 44, 0.18);\n }\n\n .farei-contact input::placeholder,\n .farei-contact textarea::placeholder { color: var(--text-light); }\n\n .farei-contact__help {\n font-size: 12px;\n color: var(--text-light);\n margin: 6px 0 0;\n }\n\n .farei-contact__char-row {\n display: flex;\n justify-content: space-between;\n align-items: baseline;\n margin-bottom: 6px;\n }\n\n .farei-contact__count {\n font-size: 12px;\n color: var(--text-light);\n font-variant-numeric: tabular-nums;\n }\n\n .farei-contact textarea {\n resize: vertical;\n min-height: 130px;\n font-family: inherit;\n }\n\n .farei-contact__honeypot {\n position: absolute;\n left: -9999px;\n opacity: 0;\n pointer-events: none;\n height: 0;\n overflow: hidden;\n }\n\n .farei-contact__consent {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n margin: 4px 0 20px;\n font-size: 13px;\n color: var(--text-muted);\n line-height: 1.5;\n cursor: pointer;\n }\n\n .farei-contact__consent input {\n margin-top: 3px;\n width: 16px;\n height: 16px;\n accent-color: var(--green-700);\n flex-shrink: 0;\n }\n\n \/* Turnstile widget container *\/\n .farei-contact__captcha {\n margin: 0 0 20px;\n display: flex;\n justify-content: flex-start;\n min-height: 65px;\n }\n\n .farei-contact__submit {\n width: 100%;\n padding: 14px 20px;\n background: var(--green-800);\n color: white;\n border: none;\n border-radius: 10px;\n font-family: inherit;\n font-size: 15px;\n font-weight: 500;\n cursor: pointer;\n transition: background 0.15s, transform 0.05s;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n letter-spacing: 0.01em;\n }\n\n .farei-contact__submit:hover:not(:disabled) { background: var(--green-700); }\n .farei-contact__submit:active:not(:disabled) { transform: translateY(1px); }\n .farei-contact__submit:disabled { opacity: 0.7; cursor: not-allowed; }\n\n .farei-contact__spinner {\n width: 16px; height: 16px;\n border: 2px solid rgba(255,255,255,0.3);\n border-top-color: white;\n border-radius: 50%;\n animation: farei-spin 0.6s linear infinite;\n display: none;\n }\n @keyframes farei-spin { to { transform: rotate(360deg); } }\n .farei-contact__submit.is-loading .farei-contact__spinner { display: inline-block; }\n .farei-contact__submit.is-loading .farei-contact__btn-text { display: none; }\n\n .farei-contact__message {\n margin-top: 20px;\n padding: 14px 16px;\n border-radius: 10px;\n font-size: 14px;\n display: none;\n line-height: 1.5;\n }\n .farei-contact__message.is-shown { display: block; }\n .farei-contact__message--success {\n background: var(--success-bg);\n color: var(--success);\n border: 1px solid rgba(45, 80, 22, 0.2);\n }\n .farei-contact__message--error {\n background: var(--danger-bg);\n color: var(--danger);\n border: 1px solid rgba(179, 58, 58, 0.2);\n }\n\n .farei-contact__field--error input,\n .farei-contact__field--error select,\n .farei-contact__field--error textarea { border-color: var(--danger); }\n\n .farei-contact__field-error {\n display: none;\n color: var(--danger);\n font-size: 12px;\n margin: 6px 0 0;\n }\n .farei-contact__field--error .farei-contact__field-error { display: block; }\n\n .farei-contact__footer {\n text-align: center;\n margin-top: 28px;\n font-size: 13px;\n color: var(--text-light);\n }\n .farei-contact__footer a {\n color: var(--green-700);\n text-decoration: none;\n font-weight: 500;\n }\n .farei-contact__footer a:hover { text-decoration: underline; }\n\n @media (max-width: 540px) {\n .farei-contact { padding: 32px 16px; }\n .farei-contact__card { padding: 28px 20px; }\n .farei-contact__row { grid-template-columns: 1fr; gap: 0; }\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"farei-contact\">\n\n <div class=\"farei-contact__header\">\n <h1 class=\"farei-contact__title\">Get in touch<\/h1>\n <p class=\"farei-contact__subtitle\">Have a question for FAREI? Send us a message and the right team will get back to you.<\/p>\n <\/div>\n\n <form id=\"fareiContactForm\" class=\"farei-contact__card\" novalidate>\n\n <div class=\"farei-contact__honeypot\" aria-hidden=\"true\">\n <label>Website (leave blank)\n <input type=\"text\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\">\n <\/label>\n <\/div>\n\n <div class=\"farei-contact__row\">\n <div class=\"farei-contact__field\">\n <label class=\"farei-contact__label\" for=\"first_name\">First name<span class=\"farei-contact__required\">*<\/span><\/label>\n <input type=\"text\" id=\"first_name\" name=\"first_name\" required maxlength=\"60\" placeholder=\"e.g. Ravi\">\n <p class=\"farei-contact__field-error\">Please enter your first name.<\/p>\n <\/div>\n <div class=\"farei-contact__field\">\n <label class=\"farei-contact__label\" for=\"surname\">Surname<span class=\"farei-contact__required\">*<\/span><\/label>\n <input type=\"text\" id=\"surname\" name=\"surname\" required maxlength=\"60\" placeholder=\"e.g. Beeharry\">\n <p class=\"farei-contact__field-error\">Please enter your surname.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"farei-contact__field\">\n <label class=\"farei-contact__label\" for=\"email\">Email address<span class=\"farei-contact__required\">*<\/span><\/label>\n <input type=\"email\" id=\"email\" name=\"email\" required placeholder=\"you@example.com\">\n <p class=\"farei-contact__help\">We'll use this to reply to you.<\/p>\n <p class=\"farei-contact__field-error\">Please enter a valid email address.<\/p>\n <\/div>\n\n <div class=\"farei-contact__field\">\n <label class=\"farei-contact__label\" for=\"phone\">Phone number<span class=\"farei-contact__optional\">(optional)<\/span><\/label>\n <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"+230 5xxx xxxx\" maxlength=\"20\">\n <\/div>\n\n <div class=\"farei-contact__field\">\n <label class=\"farei-contact__label\" for=\"enquiry_type\">What is your enquiry about?<span class=\"farei-contact__required\">*<\/span><\/label>\n <select id=\"enquiry_type\" name=\"enquiry_type\" required>\n <option value=\"\">Please select\u2026<\/option>\n <option>Research collaboration<\/option>\n <option>Extension \/ advisory services<\/option>\n <option>Training & workshops<\/option>\n <option>Media & communications<\/option>\n <option>Careers \/ internships<\/option>\n <option>General enquiry<\/option>\n <\/select>\n <p class=\"farei-contact__field-error\">Please choose an option.<\/p>\n <\/div>\n\n <div class=\"farei-contact__field\">\n <div class=\"farei-contact__char-row\">\n <label class=\"farei-contact__label\" for=\"message\" style=\"margin-bottom:0;\">Message<span class=\"farei-contact__required\">*<\/span><\/label>\n <span class=\"farei-contact__count\"><span id=\"fareiCharCount\">0<\/span> \/ 1500<\/span>\n <\/div>\n <textarea id=\"message\" name=\"message\" required minlength=\"10\" maxlength=\"1500\" placeholder=\"Tell us how we can help\u2026\"><\/textarea>\n <p class=\"farei-contact__field-error\">Please write at least 10 characters.<\/p>\n <\/div>\n\n <label class=\"farei-contact__consent\">\n <input type=\"checkbox\" id=\"consent\" name=\"consent\" required>\n <span>I consent to FAREI storing my details to respond to my enquiry.<\/span>\n <\/label>\n\n \n <div class=\"farei-contact__captcha\">\n <div class=\"cf-turnstile\"\n data-sitekey=\"0x4AAAAAADcPvNhDY5ajEb5U\"\n data-theme=\"light\"\n data-size=\"flexible\"><\/div>\n <\/div>\n\n <button type=\"submit\" class=\"farei-contact__submit\" id=\"fareiSubmitBtn\">\n <span class=\"farei-contact__btn-text\">Send message<\/span>\n <span class=\"farei-contact__spinner\" aria-hidden=\"true\"><\/span>\n <\/button>\n\n <div id=\"fareiFormMessage\" class=\"farei-contact__message\" role=\"status\" aria-live=\"polite\"><\/div>\n\n <\/form>\n\n <p class=\"farei-contact__footer\">Or email us directly at <a href=\"mailto:farei@intnet.mu\">farei@intnet.mu<\/a><\/p>\n\n<\/div>\n\n<script>\n(function () {\n \/* =========================================================\n \u26a0\ufe0f REPLACE THIS WITH YOUR APPS SCRIPT WEB APP URL\n ========================================================= *\/\n var WEBHOOK_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbyAhrTK717GDSv8Q2Yxf9Sw5d_vaUDB_xjrairUtyaXe_pplo_2Er_3M8alklXPBVT_\/exec';\n\n var form = document.getElementById('fareiContactForm');\n var btn = document.getElementById('fareiSubmitBtn');\n var msgBox = document.getElementById('fareiFormMessage');\n var textarea= document.getElementById('message');\n var counter = document.getElementById('fareiCharCount');\n var loadTime= Date.now();\n\n textarea.addEventListener('input', function () {\n counter.textContent = textarea.value.length;\n });\n\n form.querySelectorAll('input, select, textarea').forEach(function (el) {\n var clear = function () {\n var wrap = el.closest('.farei-contact__field');\n if (wrap) wrap.classList.remove('farei-contact__field--error');\n };\n el.addEventListener('input', clear);\n el.addEventListener('change', clear);\n });\n\n function validate() {\n var valid = true;\n form.querySelectorAll('[required]').forEach(function (el) {\n var wrap = el.closest('.farei-contact__field');\n var bad = false;\n\n if (el.type === 'checkbox') {\n if (!el.checked) { valid = false; }\n return;\n }\n if (!el.value.trim()) bad = true;\n else if (el.type === 'email' && !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(el.value.trim())) bad = true;\n else if (el.tagName === 'TEXTAREA' && el.value.trim().length < 10) bad = true;\n\n if (bad) {\n if (wrap) wrap.classList.add('farei-contact__field--error');\n valid = false;\n }\n });\n return valid;\n }\n\n function showMessage(text, type) {\n msgBox.textContent = text;\n msgBox.className = 'farei-contact__message is-shown farei-contact__message--' + type;\n }\n\n function getTurnstileToken() {\n \/\/ The Turnstile widget injects a hidden input named \"cf-turnstile-response\"\n \/\/ into the surrounding form. The global turnstile object also exposes\n \/\/ getResponse(), which is more reliable.\n if (window.turnstile && typeof window.turnstile.getResponse === 'function') {\n try { return window.turnstile.getResponse() || ''; } catch (_) { \/* fall through *\/ }\n }\n var hidden = form.querySelector('[name=\"cf-turnstile-response\"]');\n return hidden ? hidden.value : '';\n }\n\n function resetTurnstile() {\n if (window.turnstile && typeof window.turnstile.reset === 'function') {\n try { window.turnstile.reset(); } catch (_) { \/* ignore *\/ }\n }\n }\n\n form.addEventListener('submit', async function (e) {\n e.preventDefault();\n\n \/\/ Honeypot: hidden field, only bots fill it\n if (form.elements['website'] && form.elements['website'].value) {\n showMessage('Thank you. Your message has been sent.', 'success');\n form.reset();\n counter.textContent = '0';\n resetTurnstile();\n return;\n }\n\n \/\/ Time check: humans take more than ~3 seconds\n if (Date.now() - loadTime < 3000) {\n showMessage('Please take a moment to review your message before sending.', 'error');\n return;\n }\n\n if (!validate()) {\n showMessage('Please complete the highlighted fields.', 'error');\n return;\n }\n\n \/\/ Turnstile check \u2014 make sure the widget has produced a token\n var turnstileToken = getTurnstileToken();\n if (!turnstileToken) {\n showMessage('Please complete the security check before sending.', 'error');\n return;\n }\n\n btn.classList.add('is-loading');\n btn.disabled = true;\n msgBox.classList.remove('is-shown');\n\n var payload = {\n first_name: form.first_name.value.trim(),\n surname: form.surname.value.trim(),\n email: form.email.value.trim(),\n phone: form.phone.value.trim(),\n enquiry_type: form.enquiry_type.value,\n message: form.message.value.trim(),\n consent: form.consent.checked,\n turnstile_token: turnstileToken,\n submitted_at: new Date().toISOString(),\n source: window.location.href\n };\n\n try {\n var response = await fetch(WEBHOOK_URL, {\n method: 'POST',\n headers: { 'Content-Type': 'text\/plain;charset=utf-8' },\n body: JSON.stringify(payload)\n });\n\n \/\/ Try to read the server's status; if CORS blocks reading, assume success.\n var serverResult = null;\n try { serverResult = await response.json(); } catch (_) { \/* opaque \u2014 that's fine *\/ }\n\n if (serverResult && serverResult.status && serverResult.status !== 'success') {\n showMessage('Sorry, we could not process your submission. Please try again.', 'error');\n resetTurnstile();\n } else {\n showMessage('Thank you. Your message has been received \u2014 the right team will get back to you.', 'success');\n form.reset();\n counter.textContent = '0';\n resetTurnstile();\n }\n } catch (err) {\n showMessage('Sorry, something went wrong. Please try again or email us directly at farei@intnet.mu.', 'error');\n resetTurnstile();\n } finally {\n btn.classList.remove('is-loading');\n btn.disabled = false;\n }\n });\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact FAREI Get in touch Have a question for FAREI? Send us a message and the right team will get back to you. Website (leave blank) First name* Please enter your first name. Surname* Please enter your surname. Email address* We’ll use this to reply to you. Please enter a valid email address. Phone number(optional) […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5659","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=\/wp\/v2\/pages\/5659","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5659"}],"version-history":[{"count":4,"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=\/wp\/v2\/pages\/5659\/revisions"}],"predecessor-version":[{"id":5664,"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=\/wp\/v2\/pages\/5659\/revisions\/5664"}],"wp:attachment":[{"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\n\n\n\n\nContact FAREI<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=DM+Sans:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n\n\n<script src=\"https:\/\/challenges.cloudflare.com\/turnstile\/v0\/api.js\" async defer><\/script>\n\n<style>\n :root {\n --green-900: #1A3409;\n --green-800: #2D5016;\n --green-700: #3B6D11;\n --green-600: #5A8C2C;\n --green-100: #E8F0E1;\n --green-50: #F5F9F0;\n --text: #1A1F1A;\n --text-muted: #5A6B5A;\n --text-light: #8A9A8A;\n --bg: #FAFAF7;\n --surface: #FFFFFF;\n --border: rgba(45, 80, 22, 0.12);\n --border-strong: rgba(45, 80, 22, 0.25);\n --danger: #B33A3A;\n --danger-bg: #FBEFEF;\n --success: #2D5016;\n --success-bg: #E8F0E1;\n --shadow-md: 0 4px 24px -8px rgba(45, 80, 22, 0.12);\n }\n\n *, *::before, *::after { box-sizing: border-box; }\n\n body {\n margin: 0;\n padding: 0;\n font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n background: var(--bg);\n color: var(--text);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n min-height: 100vh;\n }\n\n .farei-contact { max-width: 640px; margin: 0 auto; padding: 48px 24px; }\n\n .farei-contact__header { text-align: center; margin-bottom: 40px; }\n\n }\n\n .farei-contact__title {\n font-family: 'Fraunces', Georgia, serif;\n font-weight: 500;\n font-size: clamp(32px, 5vw, 44px);\n letter-spacing: -0.02em;\n color: var(--green-900);\n margin: 0 0 12px;\n font-variation-settings: \"opsz\" 144;\n }\n\n .farei-contact__subtitle {\n color: var(--text-muted);\n font-size: 16px;\n margin: 0 auto;\n max-width: 480px;\n }\n\n .farei-contact__card {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 40px;\n box-shadow: var(--shadow-md);\n }\n\n .farei-contact__row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n margin-bottom: 4px;\n }\n\n .farei-contact__field { margin-bottom: 20px; }\n\n .farei-contact__label {\n display: block;\n font-size: 13px;\n font-weight: 500;\n color: var(--green-900);\n margin-bottom: 6px;\n letter-spacing: 0.01em;\n }\n\n .farei-contact__required { color: var(--danger); margin-left: 2px; }\n .farei-contact__optional { color: var(--text-light); font-weight: 400; font-size: 12px; margin-left: 4px; }\n\n .farei-contact input[type=\"text\"],\n .farei-contact input[type=\"email\"],\n .farei-contact input[type=\"tel\"],\n .farei-contact select,\n .farei-contact textarea {\n width: 100%;\n padding: 12px 14px;\n font-family: inherit;\n font-size: 15px;\n color: var(--text);\n background: var(--surface);\n border: 1px solid var(--border-strong);\n border-radius: 10px;\n transition: border-color 0.15s, box-shadow 0.15s;\n }\n\n .farei-contact input:focus,\n .farei-contact select:focus,\n .farei-contact textarea:focus {\n outline: none;\n border-color: var(--green-700);\n box-shadow: 0 0 0 3px rgba(91, 140, 44, 0.18);\n }\n\n .farei-contact input::placeholder,\n .farei-contact textarea::placeholder { color: var(--text-light); }\n\n .farei-contact__help {\n font-size: 12px;\n color: var(--text-light);\n margin: 6px 0 0;\n }\n\n .farei-contact__char-row {\n display: flex;\n justify-content: space-between;\n align-items: baseline;\n margin-bottom: 6px;\n }\n\n .farei-contact__count {\n font-size: 12px;\n color: var(--text-light);\n font-variant-numeric: tabular-nums;\n }\n\n .farei-contact textarea {\n resize: vertical;\n min-height: 130px;\n font-family: inherit;\n }\n\n .farei-contact__honeypot {\n position: absolute;\n left: -9999px;\n opacity: 0;\n pointer-events: none;\n height: 0;\n overflow: hidden;\n }\n\n .farei-contact__consent {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n margin: 4px 0 20px;\n font-size: 13px;\n color: var(--text-muted);\n line-height: 1.5;\n cursor: pointer;\n }\n\n .farei-contact__consent input {\n margin-top: 3px;\n width: 16px;\n height: 16px;\n accent-color: var(--green-700);\n flex-shrink: 0;\n }\n\n \/* Turnstile widget container *\/\n .farei-contact__captcha {\n margin: 0 0 20px;\n display: flex;\n justify-content: flex-start;\n min-height: 65px;\n }\n\n .farei-contact__submit {\n width: 100%;\n padding: 14px 20px;\n background: var(--green-800);\n color: white;\n border: none;\n border-radius: 10px;\n font-family: inherit;\n font-size: 15px;\n font-weight: 500;\n cursor: pointer;\n transition: background 0.15s, transform 0.05s;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n letter-spacing: 0.01em;\n }\n\n .farei-contact__submit:hover:not(:disabled) { background: var(--green-700); }\n .farei-contact__submit:active:not(:disabled) { transform: translateY(1px); }\n .farei-contact__submit:disabled { opacity: 0.7; cursor: not-allowed; }\n\n .farei-contact__spinner {\n width: 16px; height: 16px;\n border: 2px solid rgba(255,255,255,0.3);\n border-top-color: white;\n border-radius: 50%;\n animation: farei-spin 0.6s linear infinite;\n display: none;\n }\n @keyframes farei-spin { to { transform: rotate(360deg); } }\n .farei-contact__submit.is-loading .farei-contact__spinner { display: inline-block; }\n .farei-contact__submit.is-loading .farei-contact__btn-text { display: none; }\n\n .farei-contact__message {\n margin-top: 20px;\n padding: 14px 16px;\n border-radius: 10px;\n font-size: 14px;\n display: none;\n line-height: 1.5;\n }\n .farei-contact__message.is-shown { display: block; }\n .farei-contact__message--success {\n background: var(--success-bg);\n color: var(--success);\n border: 1px solid rgba(45, 80, 22, 0.2);\n }\n .farei-contact__message--error {\n background: var(--danger-bg);\n color: var(--danger);\n border: 1px solid rgba(179, 58, 58, 0.2);\n }\n\n .farei-contact__field--error input,\n .farei-contact__field--error select,\n .farei-contact__field--error textarea { border-color: var(--danger); }\n\n .farei-contact__field-error {\n display: none;\n color: var(--danger);\n font-size: 12px;\n margin: 6px 0 0;\n }\n .farei-contact__field--error .farei-contact__field-error { display: block; }\n\n .farei-contact__footer {\n text-align: center;\n margin-top: 28px;\n font-size: 13px;\n color: var(--text-light);\n }\n .farei-contact__footer a {\n color: var(--green-700);\n text-decoration: none;\n font-weight: 500;\n }\n .farei-contact__footer a:hover { text-decoration: underline; }\n\n @media (max-width: 540px) {\n .farei-contact { padding: 32px 16px; }\n .farei-contact__card { padding: 28px 20px; }\n .farei-contact__row { grid-template-columns: 1fr; gap: 0; }\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"farei-contact\">\n\n <div class=\"farei-contact__header\">\n <h1 class=\"farei-contact__title\">Get in touch<\/h1>\n <p class=\"farei-contact__subtitle\">Have a question for FAREI? Send us a message and the right team will get back to you.<\/p>\n <\/div>\n\n <form id=\"fareiContactForm\" class=\"farei-contact__card\" novalidate>\n\n <div class=\"farei-contact__honeypot\" aria-hidden=\"true\">\n <label>Website (leave blank)\n <input type=\"text\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\">\n <\/label>\n <\/div>\n\n <div class=\"farei-contact__row\">\n <div class=\"farei-contact__field\">\n <label class=\"farei-contact__label\" for=\"first_name\">First name<span class=\"farei-contact__required\">*<\/span><\/label>\n <input type=\"text\" id=\"first_name\" name=\"first_name\" required maxlength=\"60\" placeholder=\"e.g. Ravi\">\n <p class=\"farei-contact__field-error\">Please enter your first name.<\/p>\n <\/div>\n <div class=\"farei-contact__field\">\n <label class=\"farei-contact__label\" for=\"surname\">Surname<span class=\"farei-contact__required\">*<\/span><\/label>\n <input type=\"text\" id=\"surname\" name=\"surname\" required maxlength=\"60\" placeholder=\"e.g. Beeharry\">\n <p class=\"farei-contact__field-error\">Please enter your surname.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"farei-contact__field\">\n <label class=\"farei-contact__label\" for=\"email\">Email address<span class=\"farei-contact__required\">*<\/span><\/label>\n <input type=\"email\" id=\"email\" name=\"email\" required placeholder=\"you@example.com\">\n <p class=\"farei-contact__help\">We'll use this to reply to you.<\/p>\n <p class=\"farei-contact__field-error\">Please enter a valid email address.<\/p>\n <\/div>\n\n <div class=\"farei-contact__field\">\n <label class=\"farei-contact__label\" for=\"phone\">Phone number<span class=\"farei-contact__optional\">(optional)<\/span><\/label>\n <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"+230 5xxx xxxx\" maxlength=\"20\">\n <\/div>\n\n <div class=\"farei-contact__field\">\n <label class=\"farei-contact__label\" for=\"enquiry_type\">What is your enquiry about?<span class=\"farei-contact__required\">*<\/span><\/label>\n <select id=\"enquiry_type\" name=\"enquiry_type\" required>\n <option value=\"\">Please select\u2026<\/option>\n <option>Research collaboration<\/option>\n <option>Extension \/ advisory services<\/option>\n <option>Training & workshops<\/option>\n <option>Media & communications<\/option>\n <option>Careers \/ internships<\/option>\n <option>General enquiry<\/option>\n <\/select>\n <p class=\"farei-contact__field-error\">Please choose an option.<\/p>\n <\/div>\n\n <div class=\"farei-contact__field\">\n <div class=\"farei-contact__char-row\">\n <label class=\"farei-contact__label\" for=\"message\" style=\"margin-bottom:0;\">Message<span class=\"farei-contact__required\">*<\/span><\/label>\n <span class=\"farei-contact__count\"><span id=\"fareiCharCount\">0<\/span> \/ 1500<\/span>\n <\/div>\n <textarea id=\"message\" name=\"message\" required minlength=\"10\" maxlength=\"1500\" placeholder=\"Tell us how we can help\u2026\"><\/textarea>\n <p class=\"farei-contact__field-error\">Please write at least 10 characters.<\/p>\n <\/div>\n\n <label class=\"farei-contact__consent\">\n <input type=\"checkbox\" id=\"consent\" name=\"consent\" required>\n <span>I consent to FAREI storing my details to respond to my enquiry.<\/span>\n <\/label>\n\n \n <div class=\"farei-contact__captcha\">\n <div class=\"cf-turnstile\"\n data-sitekey=\"0x4AAAAAADcPvNhDY5ajEb5U\"\n data-theme=\"light\"\n data-size=\"flexible\"><\/div>\n <\/div>\n\n <button type=\"submit\" class=\"farei-contact__submit\" id=\"fareiSubmitBtn\">\n <span class=\"farei-contact__btn-text\">Send message<\/span>\n <span class=\"farei-contact__spinner\" aria-hidden=\"true\"><\/span>\n <\/button>\n\n <div id=\"fareiFormMessage\" class=\"farei-contact__message\" role=\"status\" aria-live=\"polite\"><\/div>\n\n <\/form>\n\n <p class=\"farei-contact__footer\">Or email us directly at <a href=\"mailto:farei@intnet.mu\">farei@intnet.mu<\/a><\/p>\n\n<\/div>\n\n<script>\n(function () {\n \/* =========================================================\n \u26a0\ufe0f REPLACE THIS WITH YOUR APPS SCRIPT WEB APP URL\n ========================================================= *\/\n var WEBHOOK_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbyAhrTK717GDSv8Q2Yxf9Sw5d_vaUDB_xjrairUtyaXe_pplo_2Er_3M8alklXPBVT_\/exec';\n\n var form = document.getElementById('fareiContactForm');\n var btn = document.getElementById('fareiSubmitBtn');\n var msgBox = document.getElementById('fareiFormMessage');\n var textarea= document.getElementById('message');\n var counter = document.getElementById('fareiCharCount');\n var loadTime= Date.now();\n\n textarea.addEventListener('input', function () {\n counter.textContent = textarea.value.length;\n });\n\n form.querySelectorAll('input, select, textarea').forEach(function (el) {\n var clear = function () {\n var wrap = el.closest('.farei-contact__field');\n if (wrap) wrap.classList.remove('farei-contact__field--error');\n };\n el.addEventListener('input', clear);\n el.addEventListener('change', clear);\n });\n\n function validate() {\n var valid = true;\n form.querySelectorAll('[required]').forEach(function (el) {\n var wrap = el.closest('.farei-contact__field');\n var bad = false;\n\n if (el.type === 'checkbox') {\n if (!el.checked) { valid = false; }\n return;\n }\n if (!el.value.trim()) bad = true;\n else if (el.type === 'email' && !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(el.value.trim())) bad = true;\n else if (el.tagName === 'TEXTAREA' && el.value.trim().length < 10) bad = true;\n\n if (bad) {\n if (wrap) wrap.classList.add('farei-contact__field--error');\n valid = false;\n }\n });\n return valid;\n }\n\n function showMessage(text, type) {\n msgBox.textContent = text;\n msgBox.className = 'farei-contact__message is-shown farei-contact__message--' + type;\n }\n\n function getTurnstileToken() {\n \/\/ The Turnstile widget injects a hidden input named \"cf-turnstile-response\"\n \/\/ into the surrounding form. The global turnstile object also exposes\n \/\/ getResponse(), which is more reliable.\n if (window.turnstile && typeof window.turnstile.getResponse === 'function') {\n try { return window.turnstile.getResponse() || ''; } catch (_) { \/* fall through *\/ }\n }\n var hidden = form.querySelector('[name=\"cf-turnstile-response\"]');\n return hidden ? hidden.value : '';\n }\n\n function resetTurnstile() {\n if (window.turnstile && typeof window.turnstile.reset === 'function') {\n try { window.turnstile.reset(); } catch (_) { \/* ignore *\/ }\n }\n }\n\n form.addEventListener('submit', async function (e) {\n e.preventDefault();\n\n \/\/ Honeypot: hidden field, only bots fill it\n if (form.elements['website'] && form.elements['website'].value) {\n showMessage('Thank you. Your message has been sent.', 'success');\n form.reset();\n counter.textContent = '0';\n resetTurnstile();\n return;\n }\n\n \/\/ Time check: humans take more than ~3 seconds\n if (Date.now() - loadTime < 3000) {\n showMessage('Please take a moment to review your message before sending.', 'error');\n return;\n }\n\n if (!validate()) {\n showMessage('Please complete the highlighted fields.', 'error');\n return;\n }\n\n \/\/ Turnstile check \u2014 make sure the widget has produced a token\n var turnstileToken = getTurnstileToken();\n if (!turnstileToken) {\n showMessage('Please complete the security check before sending.', 'error');\n return;\n }\n\n btn.classList.add('is-loading');\n btn.disabled = true;\n msgBox.classList.remove('is-shown');\n\n var payload = {\n first_name: form.first_name.value.trim(),\n surname: form.surname.value.trim(),\n email: form.email.value.trim(),\n phone: form.phone.value.trim(),\n enquiry_type: form.enquiry_type.value,\n message: form.message.value.trim(),\n consent: form.consent.checked,\n turnstile_token: turnstileToken,\n submitted_at: new Date().toISOString(),\n source: window.location.href\n };\n\n try {\n var response = await fetch(WEBHOOK_URL, {\n method: 'POST',\n headers: { 'Content-Type': 'text\/plain;charset=utf-8' },\n body: JSON.stringify(payload)\n });\n\n \/\/ Try to read the server's status; if CORS blocks reading, assume success.\n var serverResult = null;\n try { serverResult = await response.json(); } catch (_) { \/* opaque \u2014 that's fine *\/ }\n\n if (serverResult && serverResult.status && serverResult.status !== 'success') {\n showMessage('Sorry, we could not process your submission. Please try again.', 'error');\n resetTurnstile();\n } else {\n showMessage('Thank you. Your message has been received \u2014 the right team will get back to you.', 'success');\n form.reset();\n counter.textContent = '0';\n resetTurnstile();\n }\n } catch (err) {\n showMessage('Sorry, something went wrong. Please try again or email us directly at farei@intnet.mu.', 'error');\n resetTurnstile();\n } finally {\n btn.classList.remove('is-loading');\n btn.disabled = false;\n }\n });\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact FAREI Get in touch Have a question for FAREI? Send us a message and the right team will get back to you. Website (leave blank) First name* Please enter your first name. Surname* Please enter your surname. Email address* We’ll use this to reply to you. Please enter a valid email address. Phone number(optional) […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5659","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=\/wp\/v2\/pages\/5659","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5659"}],"version-history":[{"count":4,"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=\/wp\/v2\/pages\/5659\/revisions"}],"predecessor-version":[{"id":5664,"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=\/wp\/v2\/pages\/5659\/revisions\/5664"}],"wp:attachment":[{"href":"https:\/\/farei.mu\/farei2021\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}