#support.support-page{
  --support-accent:var(--accent,#6d5dfc);
  --support-accent-soft:var(--accent-soft,#f1efff);
  --support-card:var(--card-bg,var(--surface,#fff));
  --support-muted:var(--muted,#6b7280);
  --support-line:var(--line,var(--border,#e5e7eb));
  color:var(--text,#111827);
}
#support .support-page-header{margin-bottom:12px}
#support .support-shell{display:grid;gap:15px}
#support .support-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(170px,.45fr);
  gap:18px;
  align-items:center;
  min-height:176px;
  padding:21px 24px;
  border:1px solid color-mix(in srgb,var(--support-accent) 18%,var(--support-line));
  border-radius:24px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--support-card) 94%,var(--support-accent) 6%),var(--support-card));
  box-shadow:var(--ui-card-shadow,var(--shadow-sm));
}
#support .support-hero:after{
  content:"";
  position:absolute;
  inline-end:-70px;
  block-end:-95px;
  width:280px;
  height:280px;
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--support-accent) 24%,transparent),transparent 68%);
  pointer-events:none;
}
#support .support-hero-copy,#support .support-hero-visual{position:relative;z-index:1}
#support .support-hero .eyebrow{display:none}
#support .support-hero h3{margin:0 0 6px;font-size:23px;line-height:1.2;letter-spacing:-.3px}
#support .support-hero p{margin:0;max-width:690px;color:var(--support-muted);font-size:12.5px;line-height:1.6}
#support .support-hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
#support .support-primary-action,#support .support-secondary-action,#support .support-card-action,#support .support-copy-button{
  min-height:42px;
  border-radius:11px;
  padding:0 15px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:800;
  text-decoration:none;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
#support .support-primary-action{border:1px solid transparent;background:var(--support-accent);color:#fff;box-shadow:0 8px 22px color-mix(in srgb,var(--support-accent) 22%,transparent)}
#support .support-primary-action:hover{transform:translateY(-1px);filter:brightness(.97)}
#support .support-secondary-action,#support .support-card-action,#support .support-copy-button{border:1px solid var(--support-line);background:var(--support-card);color:var(--text);box-shadow:none}
#support .support-secondary-action:hover,#support .support-card-action:hover,#support .support-copy-button:hover{background:var(--surface-soft);border-color:color-mix(in srgb,var(--support-accent) 34%,var(--support-line))}
#support .support-primary-action.is-disabled,#support .support-primary-action[aria-disabled="true"]{opacity:.48;pointer-events:none}
#support .support-hero-visual{display:grid;place-items:center;min-height:108px}
#support .support-orbit{position:relative;width:108px;height:108px;border-radius:30px;background:linear-gradient(145deg,var(--support-accent-soft),color-mix(in srgb,var(--support-accent-soft) 55%,var(--support-card)));border:1px solid color-mix(in srgb,var(--support-accent) 25%,var(--support-line));display:grid;place-items:center;box-shadow:inset 0 0 0 8px color-mix(in srgb,var(--support-card) 46%,transparent)}
#support .support-orbit svg{width:46px;height:46px;fill:none;stroke:var(--support-accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#support .support-orbit:before,#support .support-orbit:after{content:"";position:absolute;border-radius:999px;border:1px solid color-mix(in srgb,var(--support-accent) 26%,transparent)}
#support .support-orbit:before{inset:-12px 18px;transform:rotate(35deg)}
#support .support-orbit:after{inset:18px -12px;transform:rotate(-35deg)}
#support .support-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:4px 0 -4px}
#support .support-section-head h3{margin:0;font-size:18px}
#support .support-section-head p{margin:4px 0 0;color:var(--support-muted);font-size:13px}
#support .support-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
#support .support-guide-card{
  min-width:0;
  min-height:184px;
  padding:18px;
  border:1px solid var(--support-line);
  border-radius:17px;
  background:var(--support-card);
  box-shadow:var(--shadow-sm);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
#support .support-guide-icon{width:42px;height:42px;border-radius:12px;background:var(--support-accent-soft);color:var(--support-accent);display:grid;place-items:center;margin-bottom:14px}
#support .support-guide-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#support .support-guide-card h4{margin:0 0 5px;font-size:15px}
#support .support-guide-card p{margin:0 0 15px;color:var(--support-muted);font-size:12px;line-height:1.6}
#support .support-card-action{margin-top:auto;min-height:36px;padding-inline:12px;font-size:12px}
#support .support-content-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:15px;align-items:start}
#support .support-faq-panel,#support .support-contact-panel{
  border:1px solid var(--support-line);
  border-radius:18px;
  background:var(--support-card);
  box-shadow:var(--shadow-sm);
}
#support .support-faq-panel{padding:18px}
#support .support-faq-panel>header,#support .support-contact-panel>header{margin-bottom:12px}
#support .support-faq-panel h3,#support .support-contact-panel h3{margin:0;font-size:17px}
#support .support-faq-panel header p,#support .support-contact-panel header p{margin:4px 0 0;color:var(--support-muted);font-size:12px}
#support .support-faq-list{display:grid;gap:8px}
#support .support-faq-list details{border:1px solid var(--support-line);border-radius:13px;background:var(--surface-soft);overflow:hidden}
#support .support-faq-list summary{list-style:none;min-height:48px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-weight:800;font-size:13px;cursor:pointer}
#support .support-faq-list summary::-webkit-details-marker{display:none}
#support .support-faq-list summary:after{content:"+";width:26px;height:26px;border-radius:8px;background:var(--support-card);border:1px solid var(--support-line);display:grid;place-items:center;color:var(--support-accent);font-size:17px;line-height:1;flex:0 0 auto}
#support .support-faq-list details[open] summary:after{content:"−"}
#support .support-faq-answer{padding:0 14px 14px;color:var(--support-muted);font-size:12px;line-height:1.75}
#support .support-contact-panel{padding:18px;position:sticky;top:18px}
#support .support-contact-box{display:grid;gap:11px;padding:14px;border-radius:14px;background:var(--surface-soft);border:1px solid var(--support-line)}
#support .support-contact-row{display:grid;gap:3px}
#support .support-contact-row span{font-size:11px;color:var(--support-muted);font-weight:700}
#support .support-contact-row strong,#support .support-contact-row a{font-size:13px;color:var(--text);font-weight:800;text-decoration:none;overflow-wrap:anywhere}
#support .support-contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
#support .support-copy-button{min-height:40px;font-size:12px}
#support .support-copy-button:disabled{opacity:.5;cursor:not-allowed}
#support .support-security-note{display:flex;gap:10px;align-items:flex-start;margin-top:13px;padding:12px;border-radius:13px;background:var(--warning-soft,#fff7ed);border:1px solid color-mix(in srgb,var(--warning,#b45309) 28%,transparent);color:var(--warning,#b45309)}
#support .support-security-note svg{width:19px;height:19px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}
#support .support-security-note strong{display:block;font-size:12px}
#support .support-security-note p{margin:3px 0 0;font-size:11px;line-height:1.55;color:inherit}
#support .support-action-status{min-height:18px;margin:8px 0 0;color:var(--support-muted);font-size:11px}
#support .support-footer-note{margin:0;text-align:center;color:var(--support-muted);font-size:11px}
#support button:focus-visible,#support a:focus-visible,#support summary:focus-visible{outline:3px solid color-mix(in srgb,var(--support-accent) 28%,transparent);outline-offset:2px}
.dark-theme #support .support-hero,html[data-theme="dark"] #support .support-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--support-card) 93%,var(--support-accent) 7%),var(--support-card));border-color:color-mix(in srgb,var(--support-accent) 28%,var(--support-line))}
.dark-theme #support .support-guide-card,.dark-theme #support .support-faq-panel,.dark-theme #support .support-contact-panel,html[data-theme="dark"] #support .support-guide-card,html[data-theme="dark"] #support .support-faq-panel,html[data-theme="dark"] #support .support-contact-panel{box-shadow:none}
.dark-theme #support .support-security-note,html[data-theme="dark"] #support .support-security-note{background:color-mix(in srgb,var(--warning,#b45309) 14%,var(--support-card));border-color:color-mix(in srgb,var(--warning,#b45309) 34%,var(--support-line));color:#f6c177}
@media(max-width:1050px){
  #support .support-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #support .support-content-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.72fr)}
}
@media(max-width:760px){
  #support .support-shell{gap:14px}
  #support .support-hero{grid-template-columns:1fr;min-height:0;padding:20px;border-radius:18px}
  #support .support-hero-visual{display:none}
  #support .support-hero h3{font-size:23px}
  #support .support-content-grid{grid-template-columns:1fr}
  #support .support-contact-panel{position:static}
  #support .support-section-head{align-items:flex-start;flex-direction:column}
}
@media(max-width:540px){
  #support .support-guide-grid{grid-template-columns:1fr}
  #support .support-guide-card{min-height:0}
  #support .support-hero-actions{display:grid;grid-template-columns:1fr}
  #support .support-primary-action,#support .support-secondary-action{width:100%}
  #support .support-contact-actions{grid-template-columns:1fr}
  #support .support-faq-panel,#support .support-contact-panel{border-radius:15px;padding:14px}
  #support .support-faq-list summary{font-size:12px}
}