.page-contact-us { padding: 125px 0 110px; background: #fff; }
.support-form-panel { width: 100%; max-width: 1020px; margin-inline: auto; background: transparent; border: 0; border-radius: 0; box-shadow: none; padding: 0; color: #294344; }
.support-form-panel p, .support-form-panel small { color: #405b5a; }
.support-heading { margin-bottom: 24px; }
.support-heading h2 { font-size: clamp(2.1rem, 4vw, 3.75rem); margin-bottom: 14px; color: #173334; }
.support-heading h3 { color: #294344; }
.support-heading p { max-width: 840px; }
.support-privacy-note { max-width: 840px; margin-bottom: 28px; }
.support-form-panel label, .support-form-panel legend { color: #173334; font-weight: 600; margin-bottom: 8px; }
.support-form-panel small { display: block; margin-top: 8px; line-height: 1.5; }
.support-request-types { border: 0; padding: 0; margin: 25px 0; min-width: 0; }
.support-type-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.support-type-option { display: flex; align-items: center; gap: 11px; padding: 15px 16px; border: 1px solid #d9e2e0; border-radius: 12px; cursor: pointer; background: #f7f9f8; font-size: 15px; line-height: 1.4; }
.support-type-option:has(input:checked) { border-color: #ff9b58; background: #fff5e8; color: #173334; }
.support-type-option:focus-within, .support-form-panel .form-control:focus { outline: 2px solid #ffc857; outline-offset: 2px; }
.support-type-option input { accent-color: #ff7a45; flex: none; }
.support-type-option i { color: #ec753d; width: 19px; text-align: center; flex: none; }
.support-form-panel select.form-control { appearance: auto; }
.support-form-panel .form-control { width: 100%; font-size: 16px; color: #173334; background: #f7f9f8; border: 1px solid #d9e2e0; border-radius: 8px; padding: 17px 20px; box-shadow: none; }
.support-form-panel .form-control::placeholder { color: #657b79; opacity: 1; }
.support-project-fields[hidden], .support-success[hidden], .support-submit-spinner[hidden] { display: none !important; }
.support-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.support-feedback { min-height: 1.5em; margin: 16px 0; }
.support-feedback.error { color: #a33e25; }
.support-submit-unavailable { color: #a33e25 !important; margin: 0 0 14px; }
.support-notice, .support-success { padding: 8px 0 8px 18px; border-left: 3px solid #ffc857; margin: 20px 0; }
.support-success h3 { color: #173334; }
.support-success strong { color: #ad522a; }
.support-form-panel button:disabled { opacity: .6; cursor: not-allowed; }
.support-form-panel [hidden] { display: none !important; }
.support-form-panel .support-steps { display: flex; width: 100%; gap: 12px; list-style: none; padding: 0 0 18px; margin: 28px 0 32px; border-bottom: 1px solid #d9e2e0; }
.support-form-panel .support-steps li { flex: 1; display: flex; justify-content: center; align-items: center; gap: 8px; color: #637a78; font-size: 14px; font-weight: 600; padding: 0; background: transparent; border: 0; }
.support-form-panel .support-steps li span { display: inline-grid; place-items: center; width: 26px; height: 26px; flex: none; border-radius: 50%; background: #e9efed; color: #294344; }
.support-form-panel .support-steps li.is-current { color: #173334; }
.support-form-panel .support-steps li.is-current span, .support-form-panel .support-steps li.is-complete span { background: linear-gradient(135deg, #ff7a45, #ffc857); color: #102e2e; }
.support-form-panel .support-step-title { font-size: clamp(1.25rem, 2vw, 1.55rem); margin: 0 0 8px; color: #173334; }
.support-form-panel .support-step-intro { margin-bottom: 20px; }
.support-form-panel .support-request-types { margin-top: 0; }
.support-form-panel .support-request-types legend { font-size: 16px; }
.support-form-panel .support-type-option:has(input:disabled) { opacity: .45; cursor: not-allowed; }
.support-form-panel select.form-control { color: #173334; background-color: #f7f9f8; color-scheme: light; }
.support-form-panel select.form-control option { background: #fff; color: #173334; }
.support-form-panel select.form-control option:disabled { color: #829595; }
.support-actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.support-back { border: 1px solid #d37436; border-radius: 100px; background: transparent; color: #a14f2c; font-weight: 600; padding: 13px 28px; }
.support-back:hover { background: #fff5e8; }
.support-back:focus-visible, .support-actions .btn-default:focus-visible { outline: 2px solid #ffc857; outline-offset: 3px; }
.support-step:not([hidden]) { animation: support-enter .25s ease-out; }
@keyframes support-enter { from { opacity: .5; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.support-submit-spinner { display: inline-block; width: 16px; height: 16px; margin-left: 10px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: support-spin .7s linear infinite; vertical-align: middle; }
@keyframes support-spin { to { transform: rotate(360deg); } }
@media (max-width: 575px) { .page-contact-us { padding: 90px 0 80px; } .support-type-grid { grid-template-columns: 1fr; } .support-form-panel .support-steps { gap: 12px; } .support-form-panel .support-steps li { font-size: 12px; gap: 5px; } .support-form-panel .support-steps li span { width: 23px; height: 23px; } }
@media (prefers-reduced-motion: reduce) { .support-step:not([hidden]) { animation: none; } }