.auth-page {
  min-height: 100vh;
  background: #f2f2f2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.auth-container {
  background: #ffffff;
  width: 100%;
  max-width: 420px;
  padding: 32px 28px;
  border-radius: 14px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

.auth-logo {
  text-align: center;
  margin-bottom: 24px;
}

.auth-logo-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.auth-logo img,
.auth-logo-image {
  max-width: 160px;
}

.auth-page--public-static {
  align-items: flex-start;
  justify-content: center;
  padding: 32px 20px 56px;
}

.auth-container.public-static-shell {
  width: min(980px, 100%);
  max-width: 980px;
  padding: 28px 28px 32px;
  border-radius: 28px;
}

.public-static-shell .auth-logo {
  margin-bottom: 18px;
}

.public-static-shell .auth-logo-image {
  max-width: 220px;
}

.auth-container .card,
.auth-container .panel,
.auth-container .box {
  background: transparent;
  box-shadow: none;
}

.auth-step-preview {
  margin: 6px 0 14px;
  color: #777;
  font-size: 14px;
}

@media (max-width: 980px) {
  .auth-page--public-static {
    padding: 20px 14px 36px;
  }

  .auth-container.public-static-shell {
    padding: 22px 18px 24px;
    border-radius: 22px;
  }

  .public-static-shell .auth-logo-image {
    max-width: 180px;
  }
}