/* CONTACT PAGE — Texture 10 dark treatment */

html,
body {
  background: #080808;
}

body {
  background:
    linear-gradient(rgba(0, 0, 0, .08), rgba(0, 0, 0, .08)),
    url("/assets/images/Texture 10.webp") center center / cover fixed no-repeat;
  color: #F6F5F1;
}

/* Shared header */
.site-header {
  background: transparent;
}

.site-logo img {
  filter: brightness(0) invert(1);
}

.nav-link {
  color: #F6F5F1;
}

.nav-link.active {
  color: #3269FF;
}

/* Hero */
.contact-heading h1 {
  color: #F6F5F1;
}

.contact-heading h1 span {
  color: #3269FF;
}

/* Form */
.field label {
  color: rgba(246, 245, 241, .82);
}

.field input,
.field select,
.field textarea {
  color: #F6F5F1;
  border-bottom-color: rgba(246, 245, 241, .32);
}

.field input:hover,
.field select:hover,
.field textarea:hover {
  border-bottom-color: rgba(246, 245, 241, .62);
}

.field input:focus,
.field select:focus,
.field textarea:focus {
  border-bottom-color: #3269FF;
}

.field select option {
  color: #1C2445;
  background: #F6F5F1;
}

.select-arrow {
  color: #F6F5F1;
}

.form-status {
  color: rgba(246, 245, 241, .72);
}

.form-status.error {
  color: #ff8f8f;
}

/* Turnstile: keep the widget readable against the texture */
.cf-turnstile {
  min-height: 65px;
}

/* Success state */
.success-state h2 {
  color: #F6F5F1;
}

.success-state p {
  color: rgba(246, 245, 241, .74);
}

.back-link {
  color: #3269FF;
}