body.account-page {
  min-height: 100vh;
  margin: 0;
}

.account-split {
  min-height: 100vh;
  display: flex;
}

.account-form-panel {
  flex: 1 1 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--jf-bg);
  padding: 2rem;
}

.account-image-panel {
  flex: 1 1 50%;
  background-image: url('/img/loginbg.jpg');
  background-size: cover;
  background-position: center;
}

.account-card {
  width: 100%;
  max-width: 380px;
  padding: 2.5rem 2rem;
  background: #fff;
  border: 1px solid var(--jf-border);
  border-radius: 20px;
  box-shadow: 0 24px 60px -24px rgba(15, 46, 29, 0.25);
}

.account-logo {
  display: block;
  max-width: 220px;
  margin: 0 auto 2rem;
}

@media (max-width: 767.98px) {
  .account-image-panel {
    display: none;
  }
}