.login-wrapper{justify-content:start;min-height:100vh}.login-card,.login-wrapper{align-items:center;display:flex;flex-direction:column;gap:20px}.login-card{height:60vh;justify-content:center;max-width:380px;padding:38px;width:100%}.login-header{font-size:2rem;font-weight:800;letter-spacing:-1px;margin-top:75px;text-align:center;width:194px}.login-error{background:#fdecea;border:1px solid var(--color-red);border-radius:var(--radius-sm);color:var(--color-red);font-size:.9rem;margin-bottom:1.25rem;padding:.75rem 1rem}form{display:flex;flex-direction:column;gap:20px;width:100%}.form-group label{color:var(--color-black);display:block;margin-bottom:.4rem}.form-group input{padding:0 16px;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:var(--color-secondary-green);box-shadow:0 0 0 2px var(--color-secondary-green);outline:none}.btn.btn-login{padding-bottom:13px;padding-top:13px;transition:background .2s,transform .05s}.btn-login:hover{background:var(--color-green)}.btn-login:active{transform:scale(.98)}@media (max-width:420px){.login-card{margin:1rem;padding:2rem 1.5rem}}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:40px;width:100%}#togglePassword{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:10px}#togglePassword:hover{color:#333}.hidden{display:none}