Mis Aldel Login May 2026
<div id="errorBox" class="error-msg"></div>
footer text-align: center; margin-top: 1.5rem; color: rgba(255, 255, 255, 0.7); font-size: 0.75rem; Mis Aldel Login
.signup-prompt text-align: center; font-size: 0.9rem; color: #3a5478; div id="errorBox" class="error-msg">
.input-group i position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); color: #2a9d8f; font-size: 1.2rem; footer text-align: center
<div class="signup-prompt"> Don't have access? <a href="#">Request account</a> </div> </div> <footer> © 2025 Aldel MIS — Secured access only </footer> </div>
.login-card:hover transform: translateY(-5px);
<form id="loginForm"> <div class="input-group"> <i class="fas fa-envelope"></i> <input type="email" id="email" placeholder="Employee / User ID (email)" required> </div> <div class="input-group"> <i class="fas fa-lock"></i> <input type="password" id="password" placeholder="Password" required> </div> <div class="options"> <label class="checkbox"> <input type="checkbox" id="remember"> Remember me </label> <a href="#" class="forgot-link">Forgot password?</a> </div> <button type="submit" class="login-btn"> <i class="fas fa-sign-in-alt" style="margin-right: 8px;"></i> Login </button> </form>