.support-page { color:#17395c; background:#eaf2fa; }
.support-intro { min-height:0; padding:104px 0 34px; }
.support-intro-inner { display:flex; align-items:center; gap:22px; }
.support-intro-icon { flex:0 0 76px; width:76px; height:76px; object-fit:contain; filter:drop-shadow(0 3px 4px rgba(0,24,78,.42)); }
.support-intro .eyebrow { color:#8ce9ff; }
.support-intro h1 { margin:4px 0 7px; font-size:clamp(2.25rem,5vw,3.6rem); line-height:1; }
.support-intro p { margin:0; font-size:1rem; line-height:1.55; }

.support-form-section { padding:32px 0 70px; background:linear-gradient(#eaf3fb,#dcecf8 48%,#edf5fb); }
.support-card { width:min(1040px,100%); margin:auto; padding:30px 34px 34px; overflow:visible; }
.support-card::before { display:none; }
.support-form-heading { display:flex; align-items:start; justify-content:space-between; gap:20px; margin-bottom:24px; padding-bottom:16px; border-bottom:1px solid #c6d4e2; }
.support-form-heading h2 { margin:0 0 4px; color:#17395c; font-size:1.45rem; }
.support-form-heading p { margin:0; color:#5b7187; font-size:.82rem; }
.support-form-heading>span { flex:0 0 auto; padding:5px 10px; color:#286087; border:1px solid #afc7da; border-radius:3px; background:linear-gradient(#fff,#e6eff6); font-size:.7rem; font-weight:700; }
.required { color:#c52d29; }

#support-report-form { display:grid; gap:16px; }
.support-two-column { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.support-field { min-width:0; }
.support-field label,.support-upload legend { display:block; margin-bottom:5px; color:#17395c; font-size:.84rem; font-weight:700; }
.support-field input,.support-field textarea,.support-field select {
  width:100%; min-height:42px; padding:9px 11px; color:#203b59; border:1px solid #9eb9d1; border-radius:4px; outline:0;
  background:linear-gradient(#fff,#f8fbfd); box-shadow:inset 0 1px 3px rgba(25,73,111,.08),0 1px #fff;
}
.support-field textarea { min-height:102px; resize:vertical; line-height:1.5; }
.support-field select { appearance:auto; }
.support-field input::placeholder,.support-field textarea::placeholder { color:#778da3; opacity:1; }
.support-field :is(input,textarea,select):hover { border-color:#6fa5cf; }
.support-field :is(input,textarea,select):focus { border-color:#0879cc; box-shadow:0 0 0 3px rgba(22,135,211,.14),inset 0 1px 2px rgba(25,73,111,.06); }
.support-field.has-error :is(input,textarea,select),.support-consent.has-error { border-color:#bd3832; box-shadow:0 0 0 2px rgba(189,56,50,.1); }
.support-field-error { display:block; min-height:0; margin-top:4px; color:#a22420; font-size:.75rem; font-weight:600; }
.support-field-error:empty { display:none; }

.support-upload { min-width:0; margin:0; padding:16px 18px; border:1px solid #afc5d7; border-radius:5px; background:linear-gradient(#f8fcff,#eaf3fa); }
.support-upload legend { padding:0 5px; }
.support-upload>input[type="file"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.support-upload-button { display:inline-flex; align-items:center; gap:8px; min-height:38px; padding:7px 13px; color:#174f84; border:1px solid #819fbc; border-radius:4px; cursor:pointer; background:linear-gradient(#fff,#e7eff5 48%,#d9e6ef 52%,#fbfdfe); box-shadow:inset 0 1px #fff,0 1px 2px rgba(0,51,91,.14); font-size:.84rem; font-weight:700; }
.support-upload-button:hover { border-color:#4e91c5; background:linear-gradient(#fff,#edf6fc 48%,#d8ebf7 52%,#fff); }
.support-upload-button:focus-within,.support-upload>input:focus-visible+.support-upload-button { outline:2px solid #0876d5; outline-offset:3px; }
.support-upload-icon { width:23px; height:23px; }
.support-upload>p { margin:8px 0 0; color:#60788d; font-size:.75rem; }
.support-sensitive-note { display:flex; align-items:flex-start; gap:8px; }
.support-note-icon { flex:0 0 20px; width:20px; height:20px; }
.support-file-list { display:grid; gap:7px; margin:13px 0 0; padding:0; list-style:none; }
.support-file-list li { display:flex; align-items:center; gap:10px; min-width:0; padding:8px 10px; color:#284b6c; border:1px solid #c2d2df; border-radius:4px; background:#fff; font-size:.78rem; }
.support-file-list li img { width:21px; height:21px; object-fit:contain; }
.support-file-list li span { min-width:0; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.support-file-list li small { color:#6f8394; }
.support-file-list button { flex:0 0 auto; min-width:30px; min-height:28px; padding:3px 7px; color:#8c241e; border:1px solid #c8a5a2; border-radius:3px; cursor:pointer; background:linear-gradient(#fff,#f2e7e6); }

.support-consent { display:grid; grid-template-columns:30px 1fr; gap:10px; padding:14px 16px; border:1px solid #9fc1dd; border-radius:5px; background:linear-gradient(#edf8ff,#d9edfb); }
.support-consent-icon { grid-row:1/3; width:28px; height:28px; }
.support-consent label { display:flex; align-items:flex-start; gap:10px; color:#294e70; font-size:.79rem; line-height:1.55; cursor:pointer; }
.support-consent input { flex:0 0 auto; width:18px; height:18px; margin-top:1px; accent-color:#0877c4; }
.support-consent .support-field-error { grid-column:2; margin-top:0; }
.support-turnstile { min-height:66px; display:flex; align-items:center; justify-content:flex-start; color:#60778a; font-size:.78rem; }
.support-honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.support-submit-status { min-height:20px; margin:-6px 0 0; color:#a22420; font-size:.8rem; font-weight:600; }
.support-submit-status.is-success { color:#1a6b31; }
.support-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:-2px; padding-top:18px; border-top:1px solid #cbd8e4; }
.support-actions .button { min-width:122px; }
.support-submit-icon { width:20px; height:20px; }
.support-submit.is-loading::before { content:""; width:15px; height:15px; border:2px solid rgba(255,255,255,.42); border-top-color:#fff; border-radius:50%; animation:support-spin .7s linear infinite; }
.support-submit.is-loading .support-submit-icon { display:none; }

.support-success { padding:44px 22px 36px; text-align:center; }
.support-success-icon { width:82px; height:82px; filter:drop-shadow(0 3px 5px rgba(0,75,75,.2)); }
.support-success .eyebrow { display:block; margin-top:12px; color:#0877c4; }
.support-success h2 { margin:7px 0 8px; color:#17395c; font-size:2.25rem; }
.support-success>p { max-width:590px; margin:8px auto; color:#48657d; }
.support-ticket { width:min(420px,100%); margin:24px auto 18px; padding:16px 20px; border:1px solid #98b8d1; border-radius:5px; background:linear-gradient(#f5fbff,#e1f1fb); box-shadow:inset 0 1px #fff; }
.support-ticket span,.support-ticket strong { display:block; }
.support-ticket span { color:#60768a; font-size:.78rem; }
.support-ticket strong { margin-top:4px; color:#185d22; font-size:1.75rem; }
.support-masked-email { display:inline-block; margin:5px 0 12px; padding:6px 11px; color:#075d9b; border:1px solid #9dd6ee; border-radius:4px; background:#eefbff; }
.support-success-actions { display:flex; justify-content:center; gap:10px; margin-top:25px; }

@keyframes support-spin { to { transform:rotate(360deg); } }

@media (max-width: 720px) {
  .support-intro { padding:92px 0 28px; }
  .support-intro-inner { align-items:flex-start; gap:14px; }
  .support-intro-icon { width:58px; height:58px; flex-basis:58px; }
  .support-intro h1 { font-size:2.25rem; }
  .support-card { padding:24px 20px 28px; }
  .support-two-column { grid-template-columns:1fr; gap:16px; }
  .support-form-heading { display:block; }
  .support-form-heading>span { display:inline-block; margin-top:10px; }
}

@media (max-width: 520px) {
  .support-form-section { padding:18px 0 42px; }
  .support-card { padding:20px 14px 24px; }
  .support-intro p br { display:none; }
  .support-upload { padding:14px 12px; }
  .support-upload-button { width:100%; justify-content:center; }
  .support-file-list li { flex-wrap:wrap; }
  .support-file-list li small { margin-left:31px; }
  .support-consent { grid-template-columns:25px 1fr; padding:12px; }
  .support-consent-icon { width:24px; height:24px; }
  .support-actions,.support-success-actions { flex-direction:column-reverse; }
  .support-actions .button,.support-success-actions .button { width:100%; }
}

@media (prefers-reduced-motion: reduce) {
  .support-submit.is-loading::before { animation-duration:1.3s; }
}