#support-app { background:#f8f9fb; color:#172033; letter-spacing:0; }
.support-site-header { position:sticky; top:0; z-index:100; background-color:#fff; border-bottom:1px solid transparent; transition:background-color .3s,border-color .3s,box-shadow .3s; }
.support-site-header.support-header-scrolled { background-color:rgba(255,255,255,.8); -webkit-backdrop-filter:blur(24px); backdrop-filter:blur(24px); border-bottom-color:rgba(229,231,235,.5); box-shadow:0 1px 2px #0000000d; }
.support-site-header[data-support-tone=dark] { background-color:rgba(3,7,18,.8); border-bottom-color:#ffffff1a; }
.support-site-header nav>a, .support-site-header nav>button { color:#4b5563; }
.support-site-header nav>a[aria-current=page] { color:#1d4ed8; }
.support-site-header[data-support-tone=dark] nav>a, .support-site-header[data-support-tone=dark] nav>button { color:#ffffffb3; }
.support-site-header[data-support-tone=dark] nav>a:hover, .support-site-header[data-support-tone=dark] nav>button:hover { color:white; background:#ffffff1a; }
.support-site-header[data-support-tone=dark] nav>a[aria-current=page] { color:white; background:#ffffff26; }
.support-site-header[data-support-tone=dark] [data-support-logo] { filter:brightness(0) invert(1); }
.support-site-header[data-support-tone=dark] [data-support-tagline] { color:#ffffff99; }
.support-site-header[data-support-tone=dark] button.lg\:hidden span { background-color:white; }
.support-site-header[data-support-tone=dark] [data-support-mobile]>div { background:#111827f2; border-top-color:#ffffff1a; }
.support-site-header[data-support-tone=dark] [data-support-mobile] .container>a { color:#ffffffb3; }
.support-site-header[data-support-tone=dark] [data-support-mobile] .container>a:hover { color:white; background:#ffffff1a; }
.support-site-header[data-support-tone=dark] [data-support-mobile] .container>a[aria-current=page] { color:white; background:#ffffff26; }
.support-shell-catalog { position:absolute; top:65px; min-width:190px; background:white; border:1px solid #e1e6ee; border-radius:6px; padding:6px; z-index:60; box-shadow:0 6px 18px #17203316; }
.support-shell-catalog a { display:block; padding:10px 12px; color:#334155; font-size:14px; }
.support-shell-catalog a:hover { background:#f0f5ff; }
@media(min-width:1024px) { .support-site-header nav>a[class], .support-site-header nav button[class] { padding-left:12px; padding-right:12px; } }
#support-app * { box-sizing:border-box; letter-spacing:0; }
.support-icon>svg { width:100%; height:100%; }
.support-container { max-width:1280px; margin:0 auto; padding:0 24px; }
.support-heading { color:white; background:#203c80; padding:28px 0 36px; }
.support-breadcrumb { display:flex; gap:12px; margin:0 0 24px; font-size:13px; color:#b8caed; }
.support-heading h1 { margin:0 0 14px; font-size:38px; font-weight:700; line-height:1.2; }
.support-heading>.support-container>p:last-child { margin:0; color:#cbd8ef; font-size:17px; line-height:1.5; }
.support-layout { display:grid; grid-template-columns:minmax(0, 850px) minmax(220px, 1fr); gap:40px; padding-top:40px; padding-bottom:72px; align-items:start; }
.support-form { background:white; border:1px solid #e1e6ee; border-radius:8px; overflow:hidden; scroll-margin-top:90px; }
.support-progress { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); list-style:none; background:#245be0; color:#a7c4ff; padding:22px 14px; margin:0; gap:4px; }
.support-progress li { position:relative; display:flex; flex-direction:column; align-items:center; gap:9px; font-size:12px; text-align:center; }
.support-progress li:not(:last-child):after { content:''; position:absolute; width:calc(100% - 54px); height:1px; top:21px; left:calc(50% + 27px); background:#7e9ef1; }
.support-progress .current, .support-progress .complete { color:white; }
.step-icon { display:flex; align-items:center; justify-content:center; width:42px; height:42px; background:#4777ec; border-radius:50%; }
.current .step-icon { background:white; color:#2563eb; box-shadow:0 0 0 4px #ffffff26; }
.complete .step-icon { background:#ffffff26; }
.support-form-body { padding:30px 32px; }
.support-form-title { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; }
.support-step-count { margin:0 0 6px; font-size:12px; color:#8791a3; }
#support-app h2 { margin:0; font-size:22px; line-height:1.35; font-weight:600; }
#support-form-title:focus { outline:none; }
.required-note { font-size:12px; color:#8a94a6; flex-shrink:0; }
.support-intro { color:#738096; font-size:14px; line-height:1.6; margin:0 0 24px; }
.support-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 20px; }
.support-field { min-width:0; }
.support-field.wide { grid-column:1/-1; }
.support-field label { display:block; margin:0 0 8px; font-size:13px; font-weight:500; line-height:1.4; color:#30394a; }
.required { color:#245ed7; }
.support-field input, .support-field select, .support-field textarea { width:100%; display:block; min-height:44px; padding:11px 12px; font-size:14px; line-height:1.4; font-family:inherit; color:#182238; border:1px solid #d8dee8; border-radius:6px; background:#fff; outline:none; box-shadow:0 1px 2px #17203305; }
.support-field select { padding-right:30px; }
.support-field textarea { resize:vertical; }
.support-field input:focus, .support-field select:focus, .support-field textarea:focus { border-color:#4280ee; box-shadow:0 0 0 3px #2563eb15; }
.support-field [aria-invalid=true] { border-color:#d95353; }
.support-field input::placeholder, .support-field textarea::placeholder { color:#a0a8b5; }
.serial-field textarea { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.field-hint { margin:7px 0 0; font-size:12px; line-height:1.5; color:#8993a5; }
.field-error { margin:6px 0 0; font-size:12px; line-height:1.5; color:#ba343e; }
.priority-detail { margin:10px 0 0; font-size:13px; line-height:1.6; color:#536583; }
.support-actions { margin-top:30px; padding-top:24px; border-top:1px solid #edf0f5; display:flex; justify-content:space-between; gap:12px; }
.support-button { display:inline-flex; align-items:center; justify-content:center; gap:11px; min-height:44px; padding:11px 20px; border:1px solid transparent; border-radius:6px; font-size:14px; font-weight:600; font-family:inherit; cursor:pointer; line-height:1.4; }
.support-button.primary { background:#2563eb; color:white; }
.support-button.primary:hover:not(:disabled) { background:#1e50c8; }
.support-button.secondary { background:white; color:#5d6d85; border-color:#e1e6ee; }
.support-button:disabled { opacity:.45; cursor:default; }
.support-button:focus-visible, .support-upload:focus-visible, .support-files button:focus-visible { outline:3px solid #7eacff; outline-offset:3px; }
.support-aside { padding-top:12px; }
.support-aside>svg { color:#2563eb; margin-bottom:16px; }
#support-app .support-aside h2 { font-size:20px; }
.support-aside>p { margin:10px 0 26px; color:#8a94a6; font-size:13px; }
.support-aside ol { padding:0; margin:0 0 30px; list-style:none; counter-reset:support; }
.support-aside li { position:relative; padding-left:37px; margin-bottom:24px; counter-increment:support; }
.support-aside li:before { content:counter(support); position:absolute; top:0; left:0; background:#e8effd; color:#3974e3; border-radius:50%; width:24px; height:24px; display:flex; align-items:center; justify-content:center; font-size:12px; }
.support-aside li b { display:block; font-size:13px; line-height:1.5; font-weight:500; }
.support-aside li span { display:block; margin-top:5px; color:#8a94a6; font-size:12px; line-height:1.6; }
.support-email { display:flex; gap:8px; align-items:center; color:#2563eb; font-size:14px; padding-top:24px; border-top:1px solid #e1e6ee; overflow-wrap:anywhere; }
#support-app h3 { font-size:16px; margin:28px 0 12px; font-weight:600; }
.support-upload { width:100%; min-height:106px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:9px; padding:20px; color:#2563eb; border:1px dashed #a1b8e5; background:#f8faff; border-radius:6px; font-size:14px; cursor:pointer; }
.support-upload small { flex-basis:100%; color:#7d8ba3; font-size:12px; }
.support-files { list-style:none; margin:16px 0 0; padding:0; }
.support-files li { display:flex; gap:10px; align-items:center; padding:10px 0; border-bottom:1px solid #edf0f5; }
.support-files li>svg { color:#5179c9; flex-shrink:0; }
.support-files li>span { font-size:13px; min-width:0; overflow-wrap:anywhere; flex:1; }
.support-files small { display:block; font-size:11px; color:#8a94a6; margin-top:3px; }
.support-files button { border:0; background:transparent; color:#8793a6; cursor:pointer; width:32px; height:32px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.support-checklist { margin:28px 0 0; border:0; padding:0; }
.support-checklist legend { margin-bottom:14px; font-size:14px; font-weight:600; }
.support-checklist label, .support-consents label { display:flex; align-items:flex-start; gap:10px; font-size:13px; line-height:1.6; color:#5a687f; margin:0 0 12px; }
.support-checklist input, .support-consents input { appearance:auto; accent-color:#2563eb; width:16px; height:16px; margin:2px 0 0; flex-shrink:0; }
.support-review { margin:24px 0; border-top:1px solid #e7ebf2; border-bottom:1px solid #e7ebf2; padding:16px 0; font-size:13px; }
.support-review summary { cursor:pointer; font-weight:600; color:#2f5fad; }
.support-review dl { margin:18px 0 0; }
.support-review dl>div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.4fr); gap:16px; padding:10px 0; border-bottom:1px solid #eef1f6; }
.support-review dt { color:#8993a5; }
.support-review dd { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; }
.support-consents a { color:#2563eb; text-decoration:underline; }
.support-captcha { margin-top:20px; max-width:100%; overflow:hidden; }
.support-notice { margin:18px 0 0; font-size:13px; line-height:1.6; color:#a23d33; }
.support-notice button { display:flex; gap:6px; align-items:center; border:0; padding:8px 0; background:transparent; color:#2563eb; cursor:pointer; }
.support-honeypot { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.support-success { padding:45px 32px; text-align:center; }
.support-success>svg { color:#2c8c63; margin:0 auto 20px; }
.support-success p { font-size:14px; color:#66758d; margin:18px 0; line-height:1.6; }
.support-success .support-button { margin-top:15px; }
.spin { animation:support-spin 1s linear infinite; }
@keyframes support-spin { to { transform:rotate(360deg); } }
@media(max-width:1100px) { .support-layout { grid-template-columns:minmax(0,1fr) 220px; gap:24px; } .support-form-body { padding:26px 24px; } }
@media(max-width:800px) { .support-layout { grid-template-columns:minmax(0,1fr); padding-top:24px; gap:32px; } .support-aside { padding:0 4px; } .support-aside ol { display:none; } .support-heading h1 { font-size:30px; } .support-heading>.support-container>p:last-child { font-size:15px; } }
@media(max-width:520px) {
  .support-container { padding-left:16px; padding-right:16px; }
  .support-heading { padding:22px 0 28px; }
  .support-breadcrumb { font-size:11px; margin-bottom:18px; gap:8px; }
  .support-heading h1 { font-size:28px; }
  .support-progress { padding:18px 8px; gap:2px; }
  .support-progress li { font-size:9px; gap:7px; }
  .step-icon { width:32px; height:32px; }
  .step-icon svg { width:16px; height:16px; }
  .support-progress li:not(:last-child):after { top:16px; width:calc(100% - 40px); left:calc(50% + 20px); }
  .support-form-body { padding:22px 18px; }
  .support-form-title { display:block; margin-bottom:22px; }
  .required-note { display:block; margin-top:9px; font-size:11px; }
  #support-app h2 { font-size:20px; }
  .support-fields { grid-template-columns:minmax(0,1fr); gap:20px; }
  .support-field input, .support-field select, .support-field textarea { font-size:16px; }
  .support-button { font-size:13px; padding:11px 13px; gap:8px; }
  .support-review dl>div { grid-template-columns:minmax(0,1fr); gap:4px; }
  .support-actions { gap:8px; }
  .support-upload { padding:16px 10px; }
  .support-upload small { font-size:10px; }
}
@media(prefers-reduced-motion:reduce) { .spin { animation:none; } }