#mc_embed_signup { background: #fff; font: 14px Helvetica, Arial, sans-serif; clear: left; width: 100%; } /* Inline message styling */ .mc-inline-message { margin-top: 15px; padding: 12px; border-radius: 4px; display: none; opacity: 0; transition: opacity 0.6s ease; } .mc-inline-message.show { display: block; opacity: 1; } .mc-success { background: #e6f7e6; border: 1px solid #4CAF50; color: #2e7d32; } .mc-error { background: #fdecea; border: 1px solid #f44336; color: #b71c1c; } (function() { const form = document.getElementById('mc-form'); const successBox = document.getElementById('mc-success'); const errorBox = document.getElementById('mc-error'); form.addEventListener('submit', function(e) { e.preventDefault(); successBox.style.display = 'none'; errorBox.style.display = 'none'; const url = form.action + '&' + new URLSearchParams(new FormData(form)).toString(); fetch(url, { method: 'GET', mode: 'no-cors' }) .then(() => { successBox.textContent = "You're subscribed! Thank you for joining our community."; successBox.style.display = 'block'; }) .catch(() => { errorBox.textContent = "Something went wrong. Please check your information and try again."; errorBox.style.display = 'block'; }); }); })();