/* contact form styling */

.contactForm .form-label,
.contactForm .form-floating > label {
  font-family: var(--heading-font);
  font-size: 0.82rem;
  color: var(--text-muted);
}

.contactForm .form-control:hover {
  border-color: var(--brand-primary);
}

.contactForm .form-control:focus {
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--brand-primary) 25%, transparent);
}

.ZZob-card {
    background: radial-gradient(circle at top left, rgba(247, 143, 30, 0.13), transparent 60%)
                linear-gradient(145deg, #0b163d, #06102c);
    border-radius: 1.25rem;
    border: 1px solid var(--ob-border-subtle);
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.65);
    transition: transform 0.18s ease-out, box-shadow 0.18s ease-out, border-color 0.18s ease-out;
}

.ZZob-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 0 35px rgba(247, 143, 30, 0.55);
    border-color: rgba(247, 143, 30, 0.65);
}