label {
      display: block;
      margin: 14px 0 6px;
      color: var(--color-text-muted);
    }

    input,
    textarea {
      width: 100%;
      padding: 12px;
      border-radius: 12px;
      border: 1px solid var(--color-card-border);
      background: rgba(17, 26, 46, .55);
      color: var(--color-text-primary);
      font-family: var(--font-body);
    }

    input::placeholder,
    textarea::placeholder {
      color: rgba(183, 199, 214, 0.5);
    }

    .muted {
      color: var(--color-text-muted);
    }

    .contact-form {
      max-width: 520px;
      margin: 0 auto;
    }

/* === Extracted inline styles === */
.hero-contact { min-height: auto; padding: 4rem var(--spacing-md) 2rem; }
.mb2 { margin-bottom: 2rem; }
.contact-footer { text-align: center; padding: 2rem; color: var(--color-text-muted); font-size: 0.9rem; }