Surveyjunkie.com Forgot Password Apr 2026

/* secondary links */ .back-link text-align: center; margin-top: 0.5rem;

/* footer */ .footer-note background: #fafcff; padding: 1.2rem 2rem; text-align: center; border-top: 1px solid #eef2f8; font-size: 0.7rem; color: #7c8ba0;

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> <title>SurveyJunkie • Reset your password</title>  <link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700&display=swap" rel="stylesheet"> <style> * margin: 0; padding: 0; box-sizing: border-box; surveyjunkie.com forgot password

// Helper to show messages (success / error / info) function showMessage(type, text, autoClear = true) messageContainer.innerHTML = ''; // clear previous const msgDiv = document.createElement('div'); msgDiv.className = `message-box $type`;

.message-box.info background-color: #eef2ff; border-left-color: #3b82f6; color: #1e40af; /* secondary links */

hr margin: 0.75rem 0; border: 0; height: 1px; background: #edf2f7;

label display: block; font-weight: 600; font-size: 0.85rem; color: #1f2f40; margin-bottom: 0.5rem; /* footer */ .footer-note background: #fafcff

.reset-btn:hover background: #e5a700; transform: scale(0.98); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);

// add quick spin keyframe if not present if (!document.querySelector('#spinner-style')) const styleSheet = document.createElement('style'); styleSheet.id = 'spinner-style'; styleSheet.textContent = `@keyframes spin 0% transform: rotate(0deg); 100% transform: rotate(360deg); `; document.head.appendChild(styleSheet);