.htla-home #hero-section,
body:not(.htla-diaspora) #hero-section[data-theme="dark"] {
  background-color: #0a0f1c;
  background-image:
    linear-gradient(90deg, rgba(10, 15, 28, 0.96) 0%, rgba(10, 15, 28, 0.82) 48%, rgba(10, 15, 28, 0.58) 100%),
    linear-gradient(180deg, rgba(10, 15, 28, 0.12) 0%, #0a0f1c 100%),
    url("/assets/site-hero.webp");
  background-position: center, center, 62% center;
  background-repeat: no-repeat;
  background-size: cover;
}

body.htla-home #hero-section[data-theme="dark"] {
  background-image:
    linear-gradient(90deg, rgba(10, 15, 28, 0.985) 0%, rgba(10, 15, 28, 0.96) 52%, rgba(10, 15, 28, 0.88) 100%),
    linear-gradient(180deg, rgba(10, 15, 28, 0.58) 0%, rgba(10, 15, 28, 0.94) 100%),
    url("/assets/site-hero.webp");
}

.htla-home #hero-section p.text-gray-400 {
  color: #d8dee8 !important;
}

.htla-home #hero-section .text-gray-500 {
  color: #aeb8c7 !important;
}

body:not(.htla-diaspora) #hero-section > .absolute.inset-0 {
  visibility: hidden;
  opacity: 0 !important;
}

@media (max-width: 767px) {
  .htla-home #hero-section,
  body:not(.htla-diaspora) #hero-section[data-theme="dark"] {
    background-image:
      linear-gradient(180deg, rgba(10, 15, 28, 0.72) 0%, rgba(10, 15, 28, 0.9) 58%, #0a0f1c 100%),
      url("/assets/site-hero.webp");
    background-position: center, 68% center;
  }

  body.htla-home #hero-section[data-theme="dark"] {
    background-image:
      linear-gradient(180deg, rgba(10, 15, 28, 0.92) 0%, rgba(10, 15, 28, 0.96) 56%, rgba(10, 15, 28, 0.985) 100%),
      url("/assets/site-hero.webp");
  }
}

.diaspora-routing-field {
  margin-top: 1.25rem;
  padding: 1rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.9rem;
  background: #f8fafc;
}

.diaspora-routing-field label {
  display: block;
  margin-bottom: 0.55rem;
  color: #0b1f33;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.diaspora-routing-field select {
  width: 100%;
  min-height: 3rem;
  padding: 0.7rem 0.85rem;
  border: 1px solid #cbd5e1;
  border-radius: 0.7rem;
  background: #fff;
  color: #0b1f33;
  font-size: 0.88rem;
  font-weight: 700;
}

.diaspora-routing-field select:focus-visible {
  border-color: #c4a668;
  box-shadow: 0 0 0 3px rgba(196, 166, 104, 0.18);
  outline: none;
}

.diaspora-routing-note {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid #e2e8f0;
  color: #526174;
  font-size: 0.76rem;
  line-height: 1.55;
}

.diaspora-routing-note[hidden] {
  display: none;
}

.diaspora-routing-note a {
  color: #0b1f33;
  font-weight: 800;
  text-decoration: underline;
  text-decoration-color: #c4a668;
  text-underline-offset: 3px;
}