.login{display:flex;justify-content:center;align-items:center;min-height:100dvh;& section{min-width:350px;min-height:400px;padding:var(--size-md);background-color:var(--color-white);border-radius:var(--size-xxs);box-shadow:0 0 10px 1px var(--color-lightgray)}& .login_heading{margin-bottom:var(--size-md);text-align:center}& .login_form{display:flex;flex-direction:column;justify-content:center;& label{margin-bottom:var(--size-lg);& span{font-size:var(--size-md)}& .error-txt{color:var(--color-danger);font-size:var(--size-sm)}}& input[type=text]{width:100%;margin-top:var(--size-xxs);padding:var(--size-sm);border:1px solid var(--color-lightgray);border-radius:var(--size-xxs);font-size:var(--size-md);font-family:var(--font-base);color:var(--color-black);background-color:var(--color-white);&:focus{outline-color:var(--color-primary)}}& input[type=password]{width:100%;margin-top:var(--size-xxs);padding:var(--size-sm);border:1px solid var(--color-lightgray);border-radius:var(--size-xxs);font-size:var(--size-md);font-family:var(--font-base);color:var(--color-black);background-color:var(--color-white);&:focus{outline-color:var(--color-primary)}}& button{border-radius:var(--size-xxs);padding:var(--size-sm);border:none;background-color:var(--color-primary);color:var(--color-white);font-size:var(--size-md);font-weight:var(--fw-bold);letter-spacing:.1rem;transition:background-color .2s ease-in-out;&:hover{background-color:var(--color-secondary)}}}}