Mis Aldel Login -

// ✅ Simulate backend authentication // Replace this block with real fetch to your API try 'Login failed');

.brand h1 font-size: 2rem; color: #1e3c72; letter-spacing: 1px;

);

.checkbox display: flex; align-items: center; gap: 0.4rem; color: #2c3e66; Mis Aldel Login

.input-group i position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); color: #2a9d8f; font-size: 1.2rem;

.signup-prompt a color: #2a9d8f; text-decoration: none; font-weight: 600;

.login-btn width: 100%; background: #1e3c72; color: white; border: none; padding: 0.9rem; border-radius: 2rem; font-size: 1rem; font-weight: bold; cursor: pointer; transition: 0.2s; margin-bottom: 1.5rem; // ✅ Simulate backend authentication // Replace this

.brand text-align: center; margin-bottom: 2rem;

if (!email.includes('@')) showError('❌ Enter a valid email address.'); return;

.login-card:hover transform: translateY(-5px); .brand h1 font-size: 2rem

// Demo validation — Replace with API call form.addEventListener('submit', async (e) => !password) showError('❌ Please enter both email and password.'); return;

// Auto-fill remember me if exists const saved = localStorage.getItem("mis_aldel_user"); if (saved) document.getElementById('email').value = saved; document.getElementById('remember').checked = true;