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