.contact-page { color: #10233d; }
.contact-page .container { max-width: 1200px; }
.contact-page a:focus-visible { outline: 3px solid #68b9ff; outline-offset: 3px; }
.contact-hero { padding: 18px 0 46px; background: #f2f8fe; }
.contact-breadcrumb { display: flex; flex-wrap: wrap; gap: .65rem; margin-bottom: 1.7rem; color: #50647a; font-size: .8rem; }
.contact-breadcrumb a { color: #075fa9; text-decoration: none; }
.contact-breadcrumb a:hover { text-decoration: underline; }
.contact-eyebrow { margin-bottom: .85rem; color: #086ab8; font-size: .75rem; font-weight: 800; letter-spacing: .12em; }
.contact-hero h1 { margin-bottom: 1rem; font-size: clamp(2.1rem, 3.3vw, 3.45rem); line-height: 1.14; font-weight: 800; }
.contact-hero > .container > p:last-child { max-width: 690px; margin-bottom: 0; color: #50647a; font-size: 1.08rem; line-height: 1.72; }
.contact-section { padding: 50px 0; }
.contact-info h2, .contact-form-panel h2, .contact-bottom h2 { margin-bottom: 1.25rem; font-size: clamp(1.65rem, 2.4vw, 2.1rem); font-weight: 800; }
.contact-detail { display: flex; align-items: flex-start; gap: .85rem; padding: .85rem 0; border-bottom: 1px solid #dce7f2; }
.contact-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; border-radius: 12px; background: #eaf5ff; color: #086ab8; }
.contact-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.contact-detail h3 { margin: 0 0 .3rem; font-size: .94rem; font-weight: 700; }
.contact-detail p { margin: 0; color: #50647a; line-height: 1.6; overflow-wrap: anywhere; }
.contact-form-panel { padding: clamp(1.2rem, 2.5vw, 1.85rem); border: 1px solid #dce7f2; border-radius: 18px; background: #fff; box-shadow: 0 12px 32px rgb(16 35 61 / 5%); }
.contact-form-panel .mb-3 { margin-bottom: .8rem !important; }
.contact-form-panel .mb-4 { margin-bottom: 1.2rem !important; }
.contact-form-panel .form-label { font-weight: 700; }
.contact-form-panel .form-control { min-height: 44px; }
.contact-form-panel textarea { height: 140px; min-height: 130px; resize: vertical; }
.contact-feedback, #contact-form-error { scroll-margin-top: 1rem; }
.contact-bottom { padding-top: 50px; padding-bottom: 60px; background: #f5f9fd; }
.contact-links { display: flex; flex-wrap: wrap; gap: .8rem; }
.contact-links a { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: .65rem 1.2rem; border: 1px solid #b9d5ef; border-radius: 8px; background: #fff; color: #075fa9; font-weight: 700; text-decoration: none; }
.contact-links a:hover { background: #eaf5ff; }
@media (max-width: 767.98px) {
  .contact-hero { padding: 18px 0 40px; }
  .contact-section { padding: 40px 0; }
  .contact-bottom { padding: 44px 0; }
}
@media (max-width: 575.98px) {
  .contact-links a { width: 100%; }
}