.auth-page {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: var(--space-5);
  background:
    radial-gradient(1000px 600px at 10% 0%, rgba(109, 40, 217, 0.12) 0%, transparent 60%),
    radial-gradient(900px 500px at 100% 100%, rgba(16, 185, 129, 0.10) 0%, transparent 55%),
    var(--color-bg-secondary);
}

.auth-card {
  width: 100%;
  max-width: 420px;
  padding: var(--space-7);
  background: var(--color-bg-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-xl);
  box-shadow: var(--shadow-lg);
}

.auth-logo {
  text-align: center;
  margin-bottom: var(--space-6);
}

.auth-logo__img {
  width: 240px;
  height: auto;
  display: inline-block;
  margin-bottom: var(--space-2);
}

.auth-logo__text {
  font-size: var(--font-size-xxl);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  letter-spacing: -0.5px;
}

.auth-logo__sub {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  margin-top: var(--space-1);
}

.auth-title {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  text-align: center;
  margin-bottom: var(--space-5);
  color: var(--color-text-primary);
}