.hope-form-panel { max-width: 800px; margin: 65px auto 0; scroll-margin-top: 32px; }
.hope-form-panel .contact-form { margin-top: 0; }
.hope-form-panel > h3 { color: #fff; font-family: var(--sans); font-size: clamp(23px, 3vw, 30px); line-height: 1.6; margin-bottom: 24px; }
.hope-form-panel > h3 + p { line-height: 2; }
.hope-form-panel .confirm-list dt { color: #d7dfd9; }
.hope-form-panel .confirm-list > div { border-color: #81938a; }
.hope-form-panel .confirm-list dd { white-space: normal; overflow-wrap: anywhere; }
.hope-form-panel .form-errors { color: #6b2923; margin-bottom: 28px; }
.hope-form-panel .form-help a { color: inherit; }
.hope-form-panel .confirm-actions button, .hope-form-panel .hope-form-return { border: 1px solid #bac5bc; color: #fff; background: transparent; cursor: pointer; }
.hope-form-panel .confirm-actions button[value="send"] { color: #253e37; background: #fff; }
.hope-form-panel .hope-form-return { display: flex; margin: 32px auto 0; }
.hope-form-panel button:disabled { opacity: .55; cursor: wait; }
.hope-form-status { max-width: 800px; margin: 20px auto 0; color: #fff; line-height: 1.9; }
.hope-form-status:empty { display: none; }
.hope-form-panel :focus-visible, .hope-form-status:focus-visible { outline: 2px solid #e4cd85; outline-offset: 5px; }
@media (max-width: 760px) {
  .hope-form-panel { margin-top: 38px; }
  .hope-form-panel .confirm-list > div { grid-template-columns: 1fr; gap: 8px; }
  .hope-form-panel .confirm-actions { gap: 14px; }
  .hope-form-panel .confirm-actions button { width: 100%; justify-content: center; }
}