.auth-shell {
  max-width: 980px;
  margin: 0 auto;
}

.auth-card {
  overflow: hidden;
  border: 0;
  border-radius: 1.25rem;
  box-shadow: 0 1.25rem 3rem rgba(33, 24, 15, .16);
}

.auth-side {
  color: #fff;
  background:
    radial-gradient(circle at 15% 20%, rgba(255, 255, 255, .18), transparent 32%),
    linear-gradient(145deg, #18231b, #315b37 56%, #c45522);
}

.auth-logo {
  width: 86px;
  height: 86px;
  object-fit: contain;
  filter: drop-shadow(0 .5rem 1rem rgba(0, 0, 0, .22));
}

.auth-form-control {
  min-height: 48px;
  border-radius: .75rem;
}

.auth-submit {
  min-height: 48px;
  border-radius: .75rem;
  font-weight: 700;
}

.auth-step {
  display: flex;
  gap: .75rem;
  align-items: flex-start;
}

.auth-step-icon {
  display: inline-grid;
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border-radius: 50%;
  color: #244b2d;
  background: rgba(255, 255, 255, .9);
  font-weight: 800;
}

@media (max-width: 767.98px) {
  .auth-card { border-radius: 1rem; }
  .auth-side { min-height: 230px; }
}