.support-page { background: #f7f8fa; }
.support-main { padding: clamp(84px, 9vw, 152px) 24px clamp(88px, 9vw, 136px); }
.support-wrap { width: min(100%, 900px); margin: 0 auto; }
.support-heading { max-width: 760px; margin: 0 auto 48px; text-align: center; }
.support-heading .eyebrow { margin-bottom: 16px; }
.support-heading h1 { margin: 0; font-size: clamp(3.5rem, 7vw, 6.3rem); line-height: .98; letter-spacing: -.065em; }
.support-heading > p:last-child { margin: 28px auto 0; max-width: 640px; color: #6e7480; font-size: clamp(1.04rem, 1.5vw, 1.27rem); line-height: 1.55; }
.support-card { border: 1px solid #e7e9ec; border-radius: 20px; background: #fff; padding: clamp(26px, 5vw, 60px); box-shadow: 0 20px 60px rgb(20 30 45 / 4%); }
.support-card-intro { margin: 0 0 30px; font-size: clamp(1.18rem, 2vw, 1.45rem); font-weight: 600; letter-spacing: -.025em; }
.support-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0 22px; }
.support-field-full { grid-column: 1 / -1; }
.support-field { min-width: 0; margin-bottom: 24px; }
.support-field label { display: block; margin-bottom: 9px; font-size: .92rem; font-weight: 600; }
.support-field label small { color: #7b828c; font-weight: 400; }
.support-field input:not([type=file]), .support-field select, .support-field textarea { display: block; width: 100%; min-width: 0; border: 1px solid #d8dce2; border-radius: 10px; background: #fff; padding: 13px 15px; color: #18191b; font: inherit; font-size: 1rem; line-height: 1.4; transition: border-color .18s, box-shadow .18s; }
.support-field textarea { resize: vertical; min-height: 150px; }
.support-field input[type=file] { display: block; max-width: 100%; font: inherit; font-size: .93rem; }
.support-field :is(input,select,textarea):focus-visible, .support-page :is(a,button):focus-visible { outline: 2px solid #0878ec; outline-offset: 3px; }
.support-field :is(input,select,textarea):focus { border-color: #0878ec; }
.support-help { margin: 10px 0 0; color: #727985; font-size: .83rem; line-height: 1.55; }
.support-turnstile { min-height: 64px; margin: 4px 0 14px; }
.support-status { min-height: 24px; margin: 0 0 18px; font-size: .95rem; line-height: 1.5; }
.support-status[data-state=info] { color: #727985; }
.support-status[data-state=error] { color: #a52c28; }
.support-status[data-state=success] { color: #15733e; }
.support-submit { border: 0; cursor: pointer; min-width: 190px; }
.support-submit:disabled { opacity: .55; cursor: not-allowed; }
.support-honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 760px) { .support-main { padding-inline: 18px; } .support-heading { margin-bottom: 34px; } .support-grid { grid-template-columns: 1fr; gap: 0; } .support-card { border-radius: 16px; } .support-submit { width: 100%; } }