Aldel Login - Mis

.forgot-link:hover text-decoration: underline;

.login-card:hover transform: translateY(-5px);

.options display: flex; justify-content: space-between; align-items: center; margin: 1rem 0 1.8rem; font-size: 0.85rem;

.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; Mis Aldel Login

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

// 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;

<script> const form = document.getElementById('loginForm'); const errorBox = document.getElementById('errorBox'); .forgot-link:hover text-decoration: underline

.input-group input:focus border-color: #2a9d8f; box-shadow: 0 0 0 3px rgba(42, 157, 143, 0.2);

footer text-align: center; margin-top: 1.5rem; color: rgba(255, 255, 255, 0.7); font-size: 0.75rem;

.brand p color: #2c3e66; font-weight: 500; margin-top: 0.5rem; .login-card:hover transform: translateY(-5px)

@media (max-width: 480px) .login-card padding: 1.8rem; .options flex-direction: column; gap: 0.8rem; align-items: flex-start;

.forgot-link color: #2a9d8f; text-decoration: none; font-weight: 500;

.signup-prompt text-align: center; font-size: 0.9rem; color: #3a5478;

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