/* Contact page only. Shared editable-controls.css continues to own field focus. */
html.site-pearl body.public-ui #contactSupportPage {
  --cp-paper:#fff; --cp-soft:#f5f8fd; --cp-line:#dfe8f3;
  --cp-ink:#213752; --cp-muted:#61758d; --cp-blue:#3265d0;
  --cp-tint:#edf3ff; --cp-glow:#4175db15;
  padding:0 0 26px!important;
}
html.site-pearl.site-dark body.public-ui #contactSupportPage {
  --cp-paper:#172330; --cp-soft:#1b2b3d; --cp-line:#34485f;
  --cp-ink:#e5effb; --cp-muted:#a5b8ce; --cp-blue:#9fc0ff;
  --cp-tint:#223955; --cp-glow:#6197ee14;
}
#contactSupportPage *,#contactSupportPage *::before,#contactSupportPage *::after {box-sizing:border-box}
html.site-pearl body.public-ui #contactSupportPage .ct2-hero {
  --sp-rgb:54,112,224;
  position:relative;isolation:isolate;overflow:hidden;gap:22px!important;
  padding:24px 28px!important;margin:0 0 18px!important;min-height:0!important;
  border:1px solid var(--cp-line)!important;border-radius:24px!important;
  background:radial-gradient(ellipse at 100% 0,#61bfee20,transparent 60%),linear-gradient(115deg,var(--cp-tint),var(--cp-paper) 72%)!important;
  box-shadow:0 6px 24px var(--cp-glow)!important;text-align:left!important;
}
#contactSupportPage .ct2-hero::before {content:"";position:absolute;z-index:-1;width:270px;height:270px;right:-80px;top:-140px;border:1px solid #7aa6ed26;border-radius:50%;pointer-events:none}
html.site-pearl body.public-ui #contactSupportPage .ct2-hero-badge {
  display:inline-flex;align-items:center;gap:7px;padding:0!important;margin:0!important;
  border:0!important;background:transparent!important;color:var(--cp-blue)!important;
  font-size:10px!important;font-weight:750;letter-spacing:1.1px;line-height:1.5;
}
#contactSupportPage .ct2-status-dot {width:6px;height:6px;flex:none;border-radius:50%;background:var(--cp-blue);box-shadow:0 0 0 4px var(--cp-tint)}
html.site-pearl body.public-ui #contactSupportPage .ct2-hero-title {margin:10px 0 6px!important;font-size:clamp(25px,2.7vw,32px)!important;line-height:1.25!important;letter-spacing:-.6px!important;color:var(--cp-ink)!important;-webkit-text-fill-color:currentColor!important}
html.site-pearl body.public-ui #contactSupportPage .ct2-hero-sub {margin:0!important;max-width:430px;font-size:12px!important;line-height:1.7!important;color:var(--cp-muted)!important}
#contactSupportPage .ct2-hero-actions {display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:17px}
#contactSupportPage .ct2-hero-actions:empty {display:none}
html.site-pearl body.public-ui #contactSupportPage .ct2-hero-action {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 14px;border:1px solid #3265d0;border-radius:999px;background:#3265d0;color:#fff!important;font-size:11px;font-weight:650;text-decoration:none;box-shadow:0 4px 12px #3265d020;transition:background-color .2s,box-shadow .2s}
html.site-pearl body.public-ui #contactSupportPage .ct2-hero-action--quiet {border-color:var(--cp-line);background:var(--cp-paper);color:var(--cp-ink)!important;box-shadow:none}
html.site-pearl body.public-ui #contactSupportPage .ct2-hero-right {display:grid!important;place-items:center;position:relative;isolation:isolate;width:145px;height:145px;flex:none}
#contactSupportPage .ct2-hero-right::before {content:"";position:absolute;z-index:-1;inset:9px;border:1px solid #77a5e533;border-radius:50%;background:linear-gradient(140deg,#6cb5ff1f,#8e85f20f)}
#contactSupportPage .ct2-hero-right::after {content:"";position:absolute;right:8px;top:20px;width:12px;height:12px;border:3px solid var(--cp-paper);border-radius:50%;background:#59b8d9;box-shadow:0 3px 10px #3ca4d330}
html.site-pearl body.public-ui #contactSupportPage .ct2-hero-illo {width:142px!important;height:128px!important;filter:drop-shadow(0 8px 8px #3265d014);animation:contact-envelope 6s ease-in-out infinite}
html.site-pearl body.public-ui #contactSupportPage .ct2-layout {gap:16px!important;align-items:start}
html.site-pearl body.public-ui #contactSupportPage .ct2-layout--form {grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);margin-bottom:0}
html.site-pearl body.public-ui #contactSupportPage :is(.ct2-info-card,.ct2-form-card,.ct2-channel-section) {border:1px solid var(--cp-line)!important;background:var(--cp-paper)!important;border-radius:20px!important;box-shadow:0 4px 18px #183c6505!important;color:var(--cp-ink)!important;min-width:0}
html.site-pearl body.public-ui #contactSupportPage .ct2-info-col {gap:10px!important}
html.site-pearl body.public-ui #contactSupportPage .ct2-info-card {padding:14px 16px!important;gap:12px;transition:border-color .2s,box-shadow .2s!important}
html.site-pearl body.public-ui #contactSupportPage .ct2-info-icon {width:38px;height:38px;flex:0 0 38px;border-radius:13px;font-size:16px}
html.site-pearl body.public-ui #contactSupportPage .ct2-info-lbl {font-size:10px!important;line-height:1.5;color:var(--cp-muted)!important;margin-bottom:3px}
html.site-pearl body.public-ui #contactSupportPage .ct2-info-val {font-size:12px!important;line-height:1.65;color:var(--cp-ink)!important;overflow-wrap:anywhere}
html.site-pearl body.public-ui #contactSupportPage .ct2-info-sub {font-size:10px!important;color:var(--cp-muted)!important}
html.site-pearl body.public-ui #contactSupportPage .ct2-form-card {position:relative;overflow:hidden;padding:21px!important}
#contactSupportPage .ct2-form-card::before {content:"";position:absolute;inset:0 24px auto;height:2px;background:linear-gradient(90deg,transparent,#7fa8f2,#7dcbd9,transparent);pointer-events:none}
#contactSupportPage .ct2-form-heading {display:flex;align-items:center;gap:11px;margin-bottom:19px}
#contactSupportPage .ct2-form-mark {display:grid;place-items:center;width:41px;height:41px;flex:0 0 41px;border:1px solid var(--cp-line);border-radius:14px;background:var(--cp-tint);color:var(--cp-blue)}
#contactSupportPage .ct2-form-mark svg {width:23px;height:23px}
html.site-pearl body.public-ui #contactSupportPage .ct2-form-title {font-size:20px!important;line-height:1.35!important;color:var(--cp-ink)!important;margin:0 0 4px!important;letter-spacing:-.3px}
html.site-pearl body.public-ui #contactSupportPage .ct2-form-sub {font-size:11px!important;line-height:1.6!important;color:var(--cp-muted)!important;margin:0!important}
#contactSupportPage #ctForm {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 12px;scroll-margin-top:100px}
#contactSupportPage #ctForm>* {grid-column:1/-1;min-width:0}
html.site-pearl body.public-ui #contactSupportPage .ct2-form-row {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:0!important}
html.site-pearl body.public-ui #contactSupportPage .ct2-field {position:relative;gap:6px;margin:0!important;min-width:0;background:transparent!important}
html.site-pearl body.public-ui #contactSupportPage .ct2-label {font-size:11px!important;line-height:18px!important;margin:0!important;color:var(--cp-ink)!important;font-weight:550}
#contactSupportPage .ct2-control {position:relative;min-width:0;background:transparent!important}
html.site-pearl body.public-ui #contactSupportPage .ct2-input {
  display:block;width:100%;min-width:0;min-height:44px;height:44px;
  padding:10px 12px!important;margin:0!important;border:1px solid var(--cp-line)!important;
  border-radius:12px!important;background:var(--cp-soft)!important;color:var(--cp-ink)!important;
  font-size:14px!important;line-height:22px!important;box-shadow:none!important;
  transition:border-color .18s,background-color .18s,box-shadow .18s!important;
}
html.site-pearl body.public-ui #contactSupportPage .ct2-input::placeholder {color:var(--cp-muted)!important;opacity:.82!important}
html.site-pearl body.public-ui #contactSupportPage .ct2-input-icon .ct2-input {padding-left:37px!important}
html.site-pearl body.public-ui #contactSupportPage .ct2-input-icon>i {position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--cp-muted)!important;pointer-events:none;transition:color .18s}
html.site-pearl body.public-ui #contactSupportPage .ct2-input-icon:focus-within>i {color:var(--cp-blue)!important}
/* Fix: icon anchors to the input wrapper, never to a fixed pixel Y position.
   Specificity also protects the select chevron from global input-icon rules. */
html.site-pearl body.public-ui #contactSupportPage .ct2-control.ct2-input-icon {
  position:relative!important;
}
html.site-pearl body.public-ui #contactSupportPage .ct2-control.ct2-input-icon > i:first-child {
  position:absolute!important;
  top:50%!important;
  left:12px!important;
  transform:translateY(-50%)!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:16px;
  height:18px;
  line-height:1!important;
  margin:0!important;
  pointer-events:none;
  z-index:1;
}
html.site-pearl body.public-ui #contactSupportPage .ct2-control.ct2-input-icon > i.fa-chevron-down {
  left:auto!important;
  right:12px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  line-height:1!important;
}

html.site-pearl body.public-ui #contactSupportPage #ctSubject {padding-right:32px!important}
html.site-pearl body.public-ui #contactSupportPage .ct2-textarea {height:auto;min-height:112px;max-height:360px;resize:vertical}
html.site-pearl body.public-ui #contactSupportPage .ct2-submit {position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px!important;padding:11px 16px!important;border:1px solid #3265d0!important;border-radius:13px!important;background:linear-gradient(115deg,#3265d0,#3988ce)!important;color:#fff!important;font-size:13px!important;font-weight:650;box-shadow:0 5px 14px #3265d020!important;transition:box-shadow .2s,opacity .2s!important}
#contactSupportPage .ct2-submit::after {content:"";position:absolute;z-index:-1;inset:-30% auto -30% -50%;width:30%;background:linear-gradient(90deg,transparent,#fff3,transparent);transform:skewX(-20deg);pointer-events:none}
#contactSupportPage .ct2-submit:disabled {cursor:wait;opacity:.65}
html.site-pearl body.public-ui #contactSupportPage .ct2-submit-note {display:flex;align-items:flex-start;justify-content:center;gap:6px;margin:0!important;font-size:10px!important;line-height:1.6;color:var(--cp-muted)!important;text-align:center}
#contactSupportPage .ct2-submit-note i {margin-top:3px;color:var(--cp-blue)!important}
html.site-pearl body.public-ui #contactSupportPage .ct2-channel-section {padding:18px!important;margin:0!important;scroll-margin-top:100px}
html.site-pearl body.public-ui #contactSupportPage .ct2-section-head {gap:10px;padding:0 0 14px!important;margin:0!important}
html.site-pearl body.public-ui #contactSupportPage .ct2-section-head h2 {margin:0 0 3px;font-size:15px!important;color:var(--cp-ink)!important}
html.site-pearl body.public-ui #contactSupportPage .ct2-section-head p {margin:0;font-size:10px!important;color:var(--cp-muted)!important}
html.site-pearl body.public-ui #contactSupportPage .ct2-channels {display:grid;grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
html.site-pearl body.public-ui #contactSupportPage .ct2-ch-card {position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:row!important;align-items:center!important;gap:12px!important;padding:14px!important;border:1px solid var(--cp-line)!important;border-radius:15px!important;background:linear-gradient(115deg,color-mix(in srgb,var(--channel-accent) 5%,var(--cp-paper)),var(--cp-paper))!important;box-shadow:none!important;transition:border-color .2s,box-shadow .2s,background-color .2s!important;transform:none!important}
#contactSupportPage .ct2-ch-card::after {content:"";position:absolute;right:-20px;top:-20px;z-index:-1;width:95px;height:95px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--channel-accent) 12%,transparent),transparent 70%);opacity:.6;transition:opacity .25s,transform .25s;pointer-events:none}
html.site-pearl body.public-ui #contactSupportPage .ct2-ch-icon {width:42px!important;height:42px!important;flex:0 0 42px;border-radius:14px!important;font-size:21px!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--channel-accent) 16%,transparent)!important}
html.site-pearl body.public-ui #contactSupportPage .ct2-ch-platform {display:none}
html.site-pearl body.public-ui #contactSupportPage .ct2-ch-name {margin:0 0 3px!important;font-size:15px!important;line-height:1.4;color:var(--cp-ink)!important}
html.site-pearl body.public-ui #contactSupportPage .ct2-ch-desc {font-size:11px!important;line-height:1.55!important;color:var(--cp-muted)!important;overflow-wrap:anywhere}
html.site-pearl body.public-ui #contactSupportPage .ct2-ch-tags {display:none}
#contactSupportPage .ct2-layout:not(.ct2-layout--form) .ct2-main {display:block!important}
html.site-pearl body.public-ui #contactSupportPage .ct2-layout:not(.ct2-layout--form) .ct2-channels {grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))!important}
#contactSupportPage .ct2-hero-action:focus-visible {outline:2px solid var(--cp-blue)!important;outline-offset:3px!important}
@media(min-width:650px) {#contactSupportPage #ctForm>.ct2-field:nth-child(2),#contactSupportPage #ctForm>.ct2-field:nth-child(3) {grid-column:auto}}
@media(max-width:900px) {
  html.site-pearl body.public-ui #contactSupportPage .ct2-layout--form {display:flex;flex-direction:column;gap:14px!important}
  html.site-pearl body.public-ui #contactSupportPage .ct2-layout--form .ct2-main {display:contents!important}
  html.site-pearl body.public-ui #contactSupportPage .ct2-layout--form :is(.ct2-info-col,.ct2-form-card,.ct2-channel-section) {width:100%}
}
@media(max-width:600px) {
  html.site-pearl body.public-ui #contactSupportPage .ct2-hero {display:grid!important;grid-template-columns:minmax(0,1fr) 74px;gap:6px 12px!important;padding:19px!important;border-radius:21px!important;margin-bottom:14px!important}
  #contactSupportPage .ct2-hero-left {display:contents}
  #contactSupportPage :is(.ct2-hero-badge,.ct2-hero-title,.ct2-hero-sub) {grid-column:1}
  html.site-pearl body.public-ui #contactSupportPage .ct2-hero-title {font-size:25px!important;margin:3px 0!important}
  html.site-pearl body.public-ui #contactSupportPage .ct2-hero-badge {font-size:9px!important;letter-spacing:.7px}
  html.site-pearl body.public-ui #contactSupportPage .ct2-hero-sub {font-size:11px!important}
  html.site-pearl body.public-ui #contactSupportPage .ct2-hero-right {grid-column:2;grid-row:1/span 3;width:74px;height:90px}
  html.site-pearl body.public-ui #contactSupportPage .ct2-hero-illo {width:86px!important;height:78px!important}
  #contactSupportPage .ct2-hero-right::before {inset:12px 0}
  #contactSupportPage .ct2-hero-right::after {right:0;top:8px;width:9px;height:9px;border-width:2px}
  #contactSupportPage .ct2-hero-actions {grid-column:1/-1;margin-top:9px;gap:7px}
  html.site-pearl body.public-ui #contactSupportPage .ct2-hero-action {min-height:44px;padding:8px 12px;font-size:11px}
  html.site-pearl body.public-ui #contactSupportPage .ct2-form-card {padding:17px!important}
  #contactSupportPage .ct2-form-heading {gap:10px;margin-bottom:17px}
  html.site-pearl body.public-ui #contactSupportPage .ct2-form-title {font-size:19px!important}
  html.site-pearl body.public-ui #contactSupportPage .ct2-input {font-size:16px!important}
  html.site-pearl body.public-ui #contactSupportPage .ct2-form-row {grid-template-columns:minmax(0,1fr)!important;gap:13px!important}
  html.site-pearl body.public-ui #contactSupportPage .ct2-channel-section {padding:16px!important}
}
@media(hover:hover) and (pointer:fine) {
  #contactSupportPage .ct2-hero-action:hover {box-shadow:0 5px 15px #3265d035}
  html.site-pearl body.public-ui #contactSupportPage .ct2-hero-action--quiet:hover {background:var(--cp-tint)}
  html.site-pearl body.public-ui #contactSupportPage :is(a.ct2-info-card,.ct2-ch-card,.ct2-ch-badge):hover {border-color:color-mix(in srgb,var(--channel-accent,var(--cp-blue)) 45%,var(--cp-line))!important;box-shadow:0 5px 16px var(--cp-glow)!important;transform:none!important}
  #contactSupportPage .ct2-ch-card:hover::after {opacity:1;transform:scale(1.3)}
  html.site-pearl body.public-ui #contactSupportPage .ct2-submit:hover:not(:disabled) {box-shadow:0 7px 20px #3265d035!important}
  #contactSupportPage .ct2-submit:hover:not(:disabled)::after {animation:contact-sheen .7s ease-out}
}
@keyframes contact-envelope {0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(1deg)}}
@keyframes contact-sheen {to{left:130%}}
@media(prefers-reduced-motion:reduce) {#contactSupportPage *,#contactSupportPage *::before,#contactSupportPage *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}}