Jobjack Sign In Page

.input-icon input width: 100%; padding: 0.85rem 1rem 0.85rem 2.8rem; font-size: 1rem; border: 1.5px solid #e2e8f0; border-radius: 1.2rem; font-family: 'Inter', sans-serif; transition: all 0.2s; background: #fefefe; outline: none; color: #1a2c38;

.input-group label display: block; font-weight: 500; font-size: 0.85rem; margin-bottom: 6px; color: #1e2f3a;

.checkbox-group label font-size: 0.9rem; color: #2c4758; cursor: pointer; jobjack sign in

<script> // Helper to show a temporary message (simulate feedback) function showMessage(text, isError = false) const toast = document.getElementById('demoToast'); toast.textContent = text; toast.style.background = isError ? '#fff0f0' : '#eef9ff'; toast.style.color = isError ? '#b13e3e' : '#0f5c7a'; toast.classList.add('show'); setTimeout(() => toast.classList.remove('show'); , 3000);

.brand-header .tagline color: rgba(255, 255, 255, 0.8); font-size: 0.9rem; margin-top: 8px; font-weight: 400; .input-icon input width: 100%

.signin-btn:hover i transform: translateX(4px);

.demo-message.show display: block;

.input-group .input-icon position: relative;