.contact-panel { max-width: 820px; margin-bottom: 100px; padding: 36px; border: 1px solid var(--line-strong); border-radius: 24px; background: var(--surface); }
.contact-options { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 32px; }
.contact-options button { padding: 12px 18px; border: 1px solid var(--line-strong); border-radius: 24px; cursor: pointer; background: white; }
.contact-options button[aria-pressed="true"] { background: var(--navy); color: white; border-color: var(--navy); }
.fgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.fgrid .full { grid-column: 1 / -1; }
.fl { display: block; margin-bottom: 7px; font-weight: 600; }
.opt { font-size: 13px; font-weight: 400; color: var(--muted); }
.support-form input, .support-form select, .support-form textarea { width: 100%; min-height: 46px; padding: 12px; border: 1px solid #bac7cf; border-radius: 8px; background: white; color: var(--navy); font: inherit; }
.support-form textarea { resize: vertical; }
.contact-panel :focus-visible { outline: 2px solid var(--teal); outline-offset: 3px; }
.submit-row { display: flex; align-items: center; gap: 18px; margin-top: 26px; flex-wrap: wrap; }
.submit-row button { border: 0; border-radius: 24px; padding: 13px 24px; background: linear-gradient(100deg,var(--blue),var(--teal),var(--green)); color: white; cursor: pointer; font-weight: 600; }
.submit-row button:disabled { opacity: .6; cursor: wait; }
.form-note, .contact-email { font-size: 14px; color: var(--muted); }
.contact-email { margin-top: 32px; }
.contact-email a { text-decoration: underline; }
.form-err { color: #982a29; }
[hidden] { display: none !important; }
@media(max-width: 600px) { .contact-panel { padding: 24px; } .fgrid { grid-template-columns: 1fr; } .contact-options { flex-direction: column; } }