.login-container{background-color:var(--shared-background-color);flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100vh;margin:auto;padding:12px;display:flex}.login-container .logo-container{width:100%;max-width:400px}.login-container .logo-container .logo{width:auto;height:60px;margin:auto;display:block}.login-container .logo-container .heading{text-align:center;color:#1a202c;margin-top:40px;font-size:24px;font-weight:700}.login-container .form-container{width:100%;max-width:400px;margin-top:40px}.login-container .form-container .login-form{flex-direction:column;gap:24px;display:flex}.login-container .form-container .input-group{flex-direction:column;display:flex}.login-container .form-container .input-group .label{font-size:14px;font-weight:medium;color:#1a202c}.login-container .form-container .input-group .input-field{color:#1a202c;background:#fff;border:none;border-radius:8px;width:100%;margin-top:8px;padding:12px;font-size:14px;line-height:21px;box-shadow:inset 0 0 0 1px #d1d5db}.login-container .form-container .input-group .input-field:focus{box-shadow:inset 0 0 0 2px var(--shared-color);outline:none}.login-container .form-container .submit-group .submit-button{width:100%;font-size:14px;font-weight:semibold;color:#fff;cursor:pointer;background-color:var(--shared-color);border-width:0;border-radius:6px;justify-content:center;padding:12px;display:flex}.login-container .error-message{color:red;margin:0;font-size:16px}