/* secondary links */ .back-link text-align: center; margin-top: 0.5rem;
// 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); surveyjunkie.com forgot password
/* buttons */ .reset-btn width: 100%; background: #FFB800; border: none; padding: 0.9rem; font-weight: 700; font-size: 1rem; font-family: 'Inter', sans-serif; border-radius: 2rem; color: #1f2a3e; cursor: pointer; transition: 0.2s; margin-top: 0.5rem; margin-bottom: 1.25rem; display: flex; align-items: center; justify-content: center; gap: 8px; box-shadow: 0 2px 6px rgba(0,0,0,0.05); /* secondary links */
<div class="back-link"> <a href="#" id="backToLoginBtn"> ← Back to sign in </a> </div> styleSheet.id = 'spinner-style'
/* main content area */ .form-container padding: 2rem 2rem 2rem 2rem;
<div class="sj-card" id="app"> <div class="brand-header"> <div class="logo"> <span>Survey</span> <span>Junkie</span> </div> <div class="tagline">Earn rewards • Share your opinion</div> </div>