.login{background:#f5f7fb;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-form{background:#fff;border-radius:8px;flex-direction:column;gap:1.2rem;width:100%;max-width:380px;padding:2rem;display:flex;box-shadow:0 8px 20px #00000014}.login-form h4{text-align:center;color:#222;margin-bottom:.5rem;font-size:1.3rem}.login-form>div{flex-direction:column;display:flex}.login-form label{color:#333;margin-bottom:.35rem;font-weight:600}.login-form input{border:1px solid #ccc;border-radius:4px;outline:none;padding:.6rem .75rem;font-size:1rem}.login-form input:focus{border-color:#007bff}.btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e3c72,#2a5298);border:none;border-radius:6px;margin-top:.5rem;padding:.65rem;font-size:1rem;font-weight:600}.btn-submit:hover{opacity:.95}.btn-signup{color:#fff;cursor:pointer;background:linear-gradient(135deg,#118547,#2a5298);border:none;border-radius:6px;margin-top:.5rem;padding:.65rem;font-size:1rem;font-weight:600}.btn-signup:hover{opacity:.95}
.password-container{flex-direction:column;margin-bottom:1rem;display:flex}.password-container label{color:#333;margin-bottom:.35rem;font-weight:600}.password-wrapper{align-items:center;gap:.5rem;width:100%;display:flex}.password-wrapper input{border:1px solid #ccc;border-radius:4px;outline:none;flex:1;padding:.6rem .75rem;font-size:1rem}.password-wrapper input:focus{border-color:#007bff}.password-wrapper button{cursor:pointer;color:#555;background:0 0;border:1px solid #ccc;border-radius:4px;justify-content:center;align-items:center;padding:.45rem .6rem;display:flex}.password-wrapper button:hover{color:#007bff;border-color:#007bff}.password-wrapper button svg{font-size:1.1rem}