Surveyjunkie.com — Forgot Password

input width: 100%; padding: 0.9rem 1rem 0.9rem 2.8rem; font-size: 1rem; font-family: 'Inter', monospace; border: 1.5px solid #e2e8f0; border-radius: 1.25rem; background-color: #ffffff; transition: all 0.2s; outline: none; color: #111827; font-weight: 500;

// Clear any existing message function clearMessages() if (messageContainer) messageContainer.innerHTML = ''; surveyjunkie.com forgot password

try const response = await requestPasswordReset(emailValue); if (response.success) showMessage('success', response.message); // optional: clear input after success? Not required, but nice UX: we keep it but maybe show checkmark emailInput.value = ''; // Clear for privacy, but don't force? Actually typical SJ keeps it? I'd rather not clear for usability // but since we provide a successful flow, we can keep the field for reference but not mandatory. // However if user wants to reset again? Better keep but i'll keep as is (non clear) // No clear to avoid confusion. (Better not clear) // But we can add subtle animation to card? else catch (err) showMessage('error', 'Network error. Please check your connection and try again.'); console.error(err); finally sendBtn.disabled = false; sendBtn.style.opacity = '1'; sendBtn.innerHTML = originalBtnText; input width: 100%; padding: 0

// optional tiny icon based on type let iconHtml = ''; if (type === 'success') iconHtml = '✅'; else if (type === 'error') iconHtml = '⚠️'; else iconHtml = 'ℹ️'; I'd rather not clear for usability // but

.tagline color: #5e6f8d; font-size: 0.85rem; margin-top: 8px; font-weight: 500;