/* Mobile responsiveness for Contact page */
@media (max-width: 575.98px) {
  .hero-panel { padding: 1.25rem !important; }
  .hero-panel h1 { font-size: 2rem; line-height: 1.2; }
  .lead { font-size: 1rem; }
  .btn-cta { width: 100%; justify-content: center; }
  .dot-wave { display: none !important; }
  /* Comfortable tap targets for form controls */
  .form-control, .form-select { min-height: 44px; font-size: 1rem; }
}
@media (max-width: 767.98px) {
  .hero-panel { padding: 1.5rem !important; }
  .hero-panel h1 { font-size: 2.25rem; }
}

/* Contain decorative elements to avoid horizontal scroll */
.hero-panel { overflow: hidden; }
/* Prevent overlap of button + email link around 433px width */
@media (max-width: 480.98px) {
  #contact-form .mt-4.d-flex.align-items-center {
    flex-direction: column;           /* stack items vertically */
    align-items: stretch !important;  /* make button full-width */
    gap: 0.75rem;                     /* comfortable spacing */
  }
  #contact-form .mt-4.d-flex .btn-cta {
    width: 100%;
  }
  #contact-form .mt-4.d-flex a {
    display: block;
    text-align: center;
    word-break: break-word;
  }
}
/* Contact page tweaks (inherits theme from landing.css) */
body.contact { background: #000; }

/* Improve form contrast and glassy look */
.glassy {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  backdrop-filter: blur(6px);
}

.form-control.bg-dark-subtle {
  background-color: rgba(255,255,255,0.06) !important;
  border-color: rgba(255,255,255,0.18) !important;
}
.form-control.bg-dark-subtle:focus {
  border-color: rgba(163,208,255,0.6) !important;
  box-shadow: 0 0 0 .2rem rgba(13,110,253,.15);
}

/* Active nav */
.nav-link.active { color: #fff !important; font-weight: 600; }