.support-page {
  --support-purple: #50359d;
  --support-ink: #202033;
  --support-muted: #636176;
  margin: 0;
  background: #fbfafc;
  color: var(--support-ink);
  font: 1rem/1.65 Arial, Helvetica, sans-serif;
}
.support-page * { box-sizing: border-box; }
.support-page a { color: var(--support-purple); text-underline-offset: .2em; }
.support-page a:focus-visible,
.support-page select:focus-visible { outline: 3px solid #3577c5; outline-offset: 4px; }
.support-page .support-skip {
  position: absolute;
  top: -7rem;
  left: 1rem;
  background: white;
  padding: .8rem 1rem;
  z-index: 2;
}
.support-page .support-skip:focus { top: 1rem; }
.support-page .support-stripe {
  height: 6px;
  background: linear-gradient(90deg, #50359d 0 14.2%, #d53036 14.2% 28.4%, #e85432 28.4% 42.6%, #f1bb45 42.6% 57%, #6cb445 57% 71%, #51a7aa 71% 85%, #3577c5 85%);
}
.support-page .support-header,
.support-page .support-main,
.support-page .support-footer { max-width: 1120px; margin: 0 auto; padding: 1.5rem clamp(1rem, 4vw, 3rem); }
.support-page .support-header { display: flex; justify-content: space-between; align-items: center; gap: 1.2rem; border-bottom: 1px solid #ded8e8; }
.support-page .support-identity { min-width: 0; }
.support-page .support-library { display: block; font: 600 1.05rem/1.35 Georgia, 'Times New Roman', serif; }
.support-page .support-brand { display: flex; align-items: center; gap: .7rem; margin-top: .65rem; text-decoration: none; color: var(--support-ink); font-weight: 700; }
.support-page .support-brand img { display: block; width: 62px; height: 48px; object-fit: contain; background: white; }
.support-page .support-language { display: grid; flex-shrink: 0; gap: .2rem; font-size: .85rem; color: var(--support-muted); }
.support-page .support-language select { background: white; color: var(--support-ink); border: 1px solid #c6bcd8; border-radius: .5rem; padding: .65rem 2.2rem .65rem .8rem; min-height: 44px; font: inherit; font-size: 1rem; }
.support-page .support-intro { max-width: 840px; padding: 1.2rem 0 1.3rem; }
.support-page h1 { font: 500 clamp(2.3rem, 5vw, 3.8rem)/1.12 Georgia, 'Times New Roman', serif; letter-spacing: -.035em; margin: 0 0 1rem; }
.support-page h2 { font-size: 1.35rem; line-height: 1.3; margin: 0 0 .6rem; }
.support-page p { margin: 0 0 1rem; }
.support-page .support-lead { color: var(--support-muted); font-size: 1.15rem; max-width: 760px; }
.support-page .support-immediate { border: 1px solid #c7bedf; border-left: 5px solid var(--support-purple); border-radius: 1rem; background: #f3f0f8; padding: 1.5rem; }
.support-page .support-immediate > div > p { max-width: 800px; }
.support-page .support-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; margin: 1rem 0; }
.support-page .support-action { background: white; border: 1px solid var(--support-purple); border-radius: .65rem; text-decoration: none; font-weight: 700; padding: .7rem 1.1rem; min-height: 44px; }
.support-page .support-action-primary { background: var(--support-purple); color: white; }
.support-page .support-action:hover { box-shadow: 0 0 0 2px #c7bedf; }
.support-page .support-accessible { padding: .5rem .2rem; }
.support-page .support-emergency { margin: 1rem 0 .3rem; font-weight: 700; }
.support-page .support-status { color: var(--support-muted); font-size: .95rem; margin-bottom: 0; }
.support-page .support-privacy { color: var(--support-muted); margin: 1.2rem 0 1.5rem; font-size: .95rem; }
.support-page .support-fallback { background: white; border: 1px solid #ded8e8; border-radius: 1rem; padding: 1.5rem; }
.support-page .support-fallback li { margin: .65rem 0; }
.support-page .support-footer { border-top: 1px solid #ded8e8; color: var(--support-muted); font-size: .9rem; }
.support-page .support-footer nav { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 1rem; }
.support-page .support-footer p { max-width: 850px; }
@media (max-width: 560px) {
  .support-page .support-header { align-items: flex-start; }
  .support-page .support-library { font-size: .95rem; max-width: 220px; }
  .support-page .support-brand { font-size: .9rem; }
  .support-page .support-language select { max-width: 120px; padding-right: .5rem; }
  .support-page .support-immediate { padding: 1.1rem; }
  .support-page .support-action { flex: 1 1 115px; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
  .support-page *, .support-page *::before, .support-page *::after { scroll-behavior: auto !important; }
}

.support-library { display:flex;align-items:center;gap:14px;color:#5B2A86; }
.support-library img { width:128px;height:55px;object-fit:contain; }