body{background-color:#d1d1d1;min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,sans-serif;margin:0;padding:20px}.login-modal{background-color:silver;border-radius:2rem;box-shadow:0 15px 50px #0000004d;width:100%;max-width:400px;overflow:hidden;color:#0b1a40}.login-header{text-align:center;padding:1.5rem 1rem}.login-header img{max-width:160px}.login-header h5{margin-top:.5rem;font-weight:700;color:#1c2a5a}.modal-body{padding:1.5rem 2rem 2rem}.login-form{max-width:320px;margin:0 auto}.form-group{margin-bottom:1.25rem;width:100%}.form-label{display:block;margin-bottom:.5rem;font-weight:700;color:#1c2a5a}.form-control{background-color:#e4e8f8;border:1px solid #1c2a5a;color:#1c2a5a;border-radius:.5rem;padding:.6rem .75rem;width:100%;box-sizing:border-box;font-size:.95rem}.form-control:focus{border-color:#4a90e2;box-shadow:0 0 0 .25rem #4a90e240;background-color:#1c2a5a;color:#fff;outline:none}.password-wrapper{position:relative;width:100%}.password-wrapper .form-control{padding-right:2.5rem}.toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;color:#1c2a5a;font-size:1.2rem;background:transparent;z-index:1}.toggle-password:hover{color:#4a90e2}.form-check{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.form-check-input{margin:0;cursor:pointer;width:16px;height:16px}.form-check-label{color:#1c2a5a;cursor:pointer;font-size:.9rem}.btn-login{width:100%;background-color:#1c2a5a;border:none;color:#fff;font-weight:700;padding:.7rem;border-radius:.5rem;cursor:pointer;transition:.3s;font-size:1rem;box-sizing:border-box}.btn-login:hover{background-color:#3572c1}.login-footer{text-align:center;padding:1rem;background-color:#1c2a5a;font-size:.9rem;color:#fff}.login-footer a{color:#4a90e2;text-decoration:none}.login-footer a:hover{text-decoration:underline}.text-danger{color:#dc3545;font-size:.8rem;margin-top:.25rem}.forgot-link{text-align:center;margin-top:1rem}.forgot-link a{color:#1c2a5a;text-decoration:none;font-size:.9rem}.forgot-link a:hover{text-decoration:underline}@media(max-width:576px){.login-modal{width:90%!important;margin:20px auto!important;padding:1.5rem!important}.login-header img{max-width:80px!important;height:auto}.login-header h5{font-size:1.1rem!important}.form-group input{font-size:.9rem!important;padding:.5rem .75rem!important}.btn-login{width:100%!important;font-size:.9rem!important;padding:.6rem!important}.form-check{margin-bottom:.5rem}.forgot-link{text-align:center;margin-top:1rem}.login-footer{font-size:.8rem}}@media(max-width:768px){.login-modal{width:80%;max-width:450px}}@media(max-width:500px){.login-modal{margin:1rem}.modal-body{padding:1.5rem}.login-form{max-width:100%}}