/* __1781_HUB_CONTACT_PAGE_STYLE__ */
.hub-contact-page { max-width: 760px; margin-inline: auto; }
.hub-contact-page p { line-height: 1.75; overflow-wrap: anywhere; }
.hub-contact-form fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.hub-contact-form label { display: block; margin-block: 20px 8px; font-weight: 600; }
.hub-contact-form input:not([type="checkbox"]), .hub-contact-form textarea {
    display: block; box-sizing: border-box; width: 100%; padding: 12px 14px;
    border: 1px solid #4c6178; border-radius: 8px; background: #101c2d;
    color: #edf4ff; font: inherit;
}
.hub-contact-form textarea { resize: vertical; min-height: 180px; }
.hub-contact-form input:focus-visible, .hub-contact-form textarea:focus-visible,
.hub-contact-actions button:focus-visible { outline: 2px solid #91c3ff; outline-offset: 3px; }
.hub-contact-form .hub-contact-consent { display: flex; align-items: flex-start; gap: 10px; line-height: 1.65; font-weight: 400; }
.hub-contact-consent input { margin-block-start: 6px; flex-shrink: 0; width: 18px; height: 18px; }
.hub-contact-help { color: #bbc9dc; font-size: .92rem; }
.hub-contact-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin-block-start: 24px; }
.hub-contact-actions button {
    padding: 12px 28px; border: 1px solid #699fff; border-radius: 8px;
    background: #315eb6; color: #fff; font: inherit; font-weight: 600; cursor: pointer;
}
.hub-contact-actions button:hover { background: #3d70ca; }
.hub-contact-form fieldset:disabled { opacity: .65; }
.hub-contact-form fieldset:disabled button { cursor: default; }
.hub-contact-notice, .hub-contact-error { border-radius: 8px; padding: 14px 16px; margin-block: 16px; line-height: 1.65; }
.hub-contact-notice { border: 1px solid #488885; background: #123438; color: #c2f5e8; }
.hub-contact-error { border: 1px solid #ad6675; background: #38212e; color: #ffd3db; }
.hub-contact-form .hub-contact-trap { display: none; }
@media (max-width: 600px) {
    .hub-contact-actions { flex-direction: column; align-items: stretch; text-align: center; }
    .hub-contact-actions button { width: 100%; }
}
