.domain-branding {
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--branding-accent) 14%, transparent), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, var(--branding-surface) 100%);
}

.domain-branding #layout-content {
  position: relative;
}

.domain-branding #layout-content::before {
  content: "";
  position: absolute;
  inset: -16px -16px auto;
  height: 180px;
  background:
    radial-gradient(circle at top left, color-mix(in srgb, var(--branding-accent) 16%, transparent), transparent 56%),
    radial-gradient(circle at top right, color-mix(in srgb, var(--branding-accent-soft) 94%, white 6%), transparent 64%);
  pointer-events: none;
  z-index: 0;
}

.domain-branding #logo,
.domain-branding #layout,
.domain-branding #layout-content,
.domain-branding .form-control,
.domain-branding .btn {
  position: relative;
  z-index: 1;
}

.domain-branding #layout-content {
  border-radius: 24px;
  box-shadow: 0 18px 60px rgba(15, 23, 42, 0.08);
}

.domain-branding #layout-content #logo {
  max-width: 280px;
  max-height: 68px;
  width: auto;
  height: auto;
  margin-bottom: 18px;
}

.domain-branding .form-control:focus {
  border-color: var(--branding-accent);
  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--branding-accent) 20%, transparent);
}

.domain-branding .btn-primary,
.domain-branding .btn-primary:focus,
.domain-branding .btn-primary:hover {
  background: var(--branding-accent);
  border-color: var(--branding-accent);
}

.domain-branding-footer {
  display: inline-block;
  margin-top: 10px;
  color: var(--branding-text);
  font-size: 0.92rem;
  font-weight: 600;
}

.domain-branding.brand-ailesosyal #layout-content {
  border-top: 4px solid #27c084;
}

.domain-branding.brand-kamuiscileri #layout-content {
  border-top: 4px solid #ea5b0c;
}

.domain-branding.brand-risaleinurtz #layout-content {
  border-top: 4px solid #7c5cff;
}

.domain-branding.brand-bicak #layout-content {
  border-top: 4px solid #55c6d6;
}

.domain-branding.brand-kurbankayit #layout-content {
  border-top: 4px solid #d3542a;
}