.tenant-logo {
  display: block;
  max-width: 180px;
  max-height: 62px;
  object-fit: contain;
  margin: 0 0 24px;
}

.powered-by {
  text-align: center;
  font-size: 12px;
  margin: 24px 0 0;
}

main:focus {
  outline: none;
}

.tenant-branded .ambient {
  background:
    radial-gradient(circle at 72% 18%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 28rem),
    radial-gradient(circle at 15% 62%, rgba(255, 255, 255, 0.04), transparent 25rem);
}

.tenant-branded .auth-page .button {
  background: var(--accent);
  border-color: color-mix(in srgb, var(--accent) 70%, white);
  box-shadow: 0 10px 35px color-mix(in srgb, var(--accent) 18%, transparent);
}

.tenant-branded .auth-page .field input:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent);
}