.login-btn:hover background: #2a9d8f; transform: scale(1.01);
.input-group margin-bottom: 1.5rem; position: relative;
.signup-prompt text-align: center; font-size: 0.9rem; color: #3a5478; Mis Aldel Login
.brand h1 span color: #2a9d8f;
.forgot-link color: #2a9d8f; text-decoration: none; font-weight: 500; .login-btn:hover background: #2a9d8f
.error-msg background: #ffe6e6; color: #d9534f; padding: 0.7rem; border-radius: 2rem; text-align: center; font-size: 0.85rem; margin-bottom: 1rem; display: none;
<script> const form = document.getElementById('loginForm'); const errorBox = document.getElementById('errorBox'); .input-group margin-bottom: 1.5rem
.input-group input width: 100%; padding: 0.9rem 1rem 0.9rem 2.8rem; border: 1px solid #ddd; border-radius: 2rem; font-size: 1rem; transition: all 0.2s; outline: none; background: #fefefe;
.login-btn:hover background: #2a9d8f; transform: scale(1.01);
.input-group margin-bottom: 1.5rem; position: relative;
.signup-prompt text-align: center; font-size: 0.9rem; color: #3a5478;
.brand h1 span color: #2a9d8f;
.forgot-link color: #2a9d8f; text-decoration: none; font-weight: 500;
.error-msg background: #ffe6e6; color: #d9534f; padding: 0.7rem; border-radius: 2rem; text-align: center; font-size: 0.85rem; margin-bottom: 1rem; display: none;
<script> const form = document.getElementById('loginForm'); const errorBox = document.getElementById('errorBox');
.input-group input width: 100%; padding: 0.9rem 1rem 0.9rem 2.8rem; border: 1px solid #ddd; border-radius: 2rem; font-size: 1rem; transition: all 0.2s; outline: none; background: #fefefe;