#auxs-support-page{--navy:#0b2049;--blue:#29549e;--gold:#c99400;--muted:#728198;--border:#e3eaf4;background:#f7f9fd;color:#112344;font:14px/1.5 Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;min-height:85vh}
#auxs-support-page *,#auxs-support-page *:before,#auxs-support-page *:after{box-sizing:border-box}
#auxs-support-page .auxs-support-container{width:min(1280px,calc(100% - 36px));margin:0 auto}
#auxs-support-page .auxs-hero{position:relative;overflow:hidden;min-height:270px;padding:35px 0 96px;background:linear-gradient(106deg,#f9fcff 0%,#f8fbff 38%,rgba(222,233,250,.83) 59%,rgba(3,21,56,.9) 100%);isolation:isolate}
#auxs-support-page .auxs-hero:before{content:"";position:absolute;inset:0;background:url('tech-globe.svg') right center/auto 115% no-repeat;z-index:-1}
#auxs-support-page .auxs-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 42% 38%,#d2a126 0 2px,transparent 3px),radial-gradient(circle at 52% 72%,#cf9c13 0 2px,transparent 3px),linear-gradient(132deg,transparent 35%,#cba22b44 35.08%,transparent 35.2%);pointer-events:none}
#auxs-support-page .auxs-crumb{display:flex;align-items:center;gap:12px;color:#536680;font-size:12px;margin:0 0 17px}
#auxs-support-page .auxs-crumb a{color:#34578a;text-decoration:none}
#auxs-support-page .auxs-hero-copy{max-width:650px}
#auxs-support-page .auxs-eyebrow{color:#bb8b03;font-size:10px;font-weight:850;letter-spacing:2.5px}
#auxs-support-page h1{font-size:clamp(34px,4vw,52px);font-weight:850;color:#102248;letter-spacing:-1.8px;line-height:1.12;margin:8px 0 14px}
#auxs-support-page .auxs-hero p{font-size:15px;line-height:1.65;color:#4d6180;margin:0;max-width:590px}
#auxs-support-page .auxs-support-main{position:relative;margin-top:-70px;padding-bottom:65px}
#auxs-support-page .auxs-support-grid{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(0,.83fr);align-items:start;gap:20px}
#auxs-support-page .auxs-support-sidebar{display:grid;gap:20px}
#auxs-support-page .auxs-support-card{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 12px 45px #11284a0b;padding:26px;position:relative;overflow:hidden}
#auxs-support-page .auxs-ticket-card:before,#auxs-support-page .auxs-account-card:before{content:"";position:absolute;top:0;left:26px;width:128px;height:4px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,#e0b334,#aa7800)}
#auxs-support-page .auxs-account-card:before{background:linear-gradient(90deg,#3f73ba,#0b2555)}
#auxs-support-page .auxs-account-card{background:linear-gradient(145deg,#fff 33%,#f3f8ff 100%)}
#auxs-support-page .auxs-card-title{display:flex;align-items:center;gap:15px;margin-bottom:23px}
#auxs-support-page .auxs-card-title h2{font-size:23px;letter-spacing:-.7px;line-height:1.16;color:#102248;font-weight:850;margin:0 0 6px}
#auxs-support-page .auxs-card-title p{margin:0;color:#71819b;font-size:12px;line-height:1.45}
#auxs-support-page .auxs-card-icon{display:grid;place-items:center;flex-shrink:0;width:54px;height:54px;border-radius:13px}
#auxs-support-page .auxs-card-icon svg{width:27px;height:27px}
#auxs-support-page .auxs-card-icon-gold{background:linear-gradient(135deg,#e1b01b,#b77b00);color:#fff}
#auxs-support-page .auxs-card-icon-blue{background:linear-gradient(135deg,#2653a3,#081e4a);color:#fff}
#auxs-support-page .auxs-card-icon-soft{background:#edf4ff;color:#315e9f}
#auxs-support-page .auxs-note{display:flex;align-items:center;gap:10px;background:#eef5ff;color:#42669c;padding:11px 13px;border-radius:10px;font-size:12px;margin-bottom:20px}
#auxs-support-page .auxs-note svg{flex:none}
#auxs-support-page .auxs-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 15px}
#auxs-support-page .auxs-span2{grid-column:1 / -1}
#auxs-support-page label{display:block;font-size:12px;color:#31445f;font-weight:750;margin:0}
#auxs-support-page label em{color:#df4234;font-style:normal}
#auxs-support-page label span,#auxs-support-page .auxs-small{font-weight:400;color:#8b97a8;font-size:11px}
#auxs-support-page input:not([type=file]),#auxs-support-page select,#auxs-support-page textarea{display:block;width:100%;margin-top:6px;padding:12px 13px;border:1px solid #dbe3f0;border-radius:9px;background:#fff;color:#273f62;font:13px/1.5 inherit;font-family:inherit;font-size:13px;box-shadow:none;min-height:43px;outline:0}
#auxs-support-page textarea{min-height:132px;resize:vertical}
#auxs-support-page input:focus,#auxs-support-page select:focus,#auxs-support-page textarea:focus{border-color:#d0a32e;box-shadow:0 0 0 3px #f8efcf}
#auxs-support-page input::placeholder,#auxs-support-page textarea::placeholder{color:#9ca9bc}
#auxs-support-page .auxs-upload-block>label:first-child{margin:0 0 7px}
#auxs-support-page .auxs-drop{display:grid;justify-items:center;gap:5px;padding:17px;border:1px dashed #b8cce9;background:#fcfdff;border-radius:10px;text-align:center;cursor:pointer;transition:background .16s}
#auxs-support-page .auxs-drop:hover{background:#f4f9ff}
#auxs-support-page .auxs-drop svg{color:#2d69c0;width:22px;height:22px}
#auxs-support-page .auxs-drop strong{color:#275ca6;font-size:12px}
#auxs-support-page .auxs-drop small{color:#8291a7;font-size:10px}
#auxs-support-page #auxs-upload-name{color:#2655a5;font-size:11px;overflow-wrap:anywhere}
#auxs-support-page .auxs-gold-btn,#auxs-support-page .auxs-navy-btn,#auxs-support-page .auxs-outline-btn{border-radius:10px;display:flex;align-items:center;justify-content:center;gap:9px;font-family:inherit;font-size:13px;font-weight:800;min-height:46px;padding:11px 14px;cursor:pointer;text-decoration:none;transition:filter .15s,transform .15s}
#auxs-support-page .auxs-gold-btn:hover,#auxs-support-page .auxs-navy-btn:hover{filter:brightness(.96);transform:translateY(-1px)}
#auxs-support-page .auxs-gold-btn{background:linear-gradient(100deg,#d6a500,#b97b00);border:1px solid #d1a008;color:#fff;margin-top:22px;min-width:260px}
#auxs-support-page .auxs-navy-btn{background:linear-gradient(90deg,#0a2c6b,#071943);color:white;border:1px solid #0a275b;width:100%}
#auxs-support-page .auxs-outline-btn{background:white;color:#123b80;border:1px solid #6f95d1;width:100%}
#auxs-support-page button:disabled{opacity:.55;cursor:wait}
#auxs-support-page .auxs-benefits{display:grid;margin:5px 0 22px}
#auxs-support-page .auxs-benefits>div{display:flex;align-items:flex-start;gap:13px;padding:13px 1px;border-bottom:1px solid #e6edf7}
#auxs-support-page .auxs-benefits>div:last-child{border:0}
#auxs-support-page .auxs-benefits svg{width:20px;height:20px;color:#2464bd;flex-shrink:0}
#auxs-support-page .auxs-benefits strong{font-size:13px;font-weight:800;color:#123466;display:block}
#auxs-support-page .auxs-benefits small{color:#8490a2;font-size:11px;display:block;margin-top:2px}
#auxs-support-page .auxs-auth-entry{display:grid;gap:11px}
#auxs-support-page .auxs-account-form{border-top:1px solid #dee7f3;padding-top:20px}
#auxs-support-page .auxs-account-form h3{margin:0 0 12px;font-size:18px;color:#10234a}
#auxs-support-page .auxs-account-form form{display:grid;gap:14px}
#auxs-support-page .auxs-account-form form button{margin-top:3px}
#auxs-support-page .auxs-text-btn{background:none;border:0;padding:10px 2px;color:#315fa4;font-size:12px;font-weight:800;cursor:pointer}
#auxs-support-page .auxs-history-header{display:flex;justify-content:space-between;gap:10px;align-items:start}
#auxs-support-page .auxs-ticket-row{background:#fff;border:1px solid #e5ebf6;border-radius:11px;width:100%;padding:13px;text-align:left;margin:6px 0;cursor:pointer;color:#1c3252}
#auxs-support-page .auxs-ticket-row strong{display:block;font-size:12px}
#auxs-support-page .auxs-ticket-row small{display:block;color:#8491a6;font-size:10px;margin-top:4px}
#auxs-support-page .auxs-status{display:inline-block;border-radius:20px;padding:2px 7px;background:#e9f1ff;color:#3266b0;font-size:10px;text-transform:capitalize}
#auxs-support-page .auxs-history-pager{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:10px;font-size:11px}
#auxs-support-page .auxs-history-pager button{background:#fff;border:1px solid #d6e0f0;border-radius:7px;padding:6px 9px;color:#2357a0;cursor:pointer}
#auxs-support-page .auxs-track-card .auxs-card-title h2{font-size:19px}
#auxs-support-page .auxs-track-card .auxs-card-icon{width:45px;height:45px}
#auxs-support-page #auxs-track-form{display:grid;gap:13px}
#auxs-support-page .auxs-form-message{background:#e9f7ef;color:#16714c;padding:12px;border-radius:10px;margin-top:14px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}
#auxs-support-page .auxs-form-message[data-error="1"]{background:#fff0f1;color:#a43a41}
#auxs-support-page .auxs-ticket-details{margin-top:20px;scroll-margin-top:80px}
#auxs-support-page .auxs-ticket-details h2{font-size:23px;margin-bottom:9px}
#auxs-support-page .auxs-ticket-details h3{font-size:17px;margin:21px 0 10px}
#auxs-support-page .auxs-ticket-details p{white-space:pre-wrap;overflow-wrap:anywhere}
#auxs-support-page .auxs-detail-message{border:1px solid #e4eaf2;border-radius:10px;padding:14px;margin-top:9px}
#auxs-support-page .auxs-detail-message small{color:#8291a3;float:right}
#auxs-support-page #auxs-reply-form{max-width:670px}
#auxs-support-page .auxs-privacy{font-size:11px;color:#8793a6;padding-top:17px;margin:0}
#auxs-support-page .auxs-trap{display:none!important}
#auxs-support-page [hidden]{display:none!important}
@media(max-width:940px){#auxs-support-page .auxs-support-grid{grid-template-columns:1fr}#auxs-support-page .auxs-support-sidebar{grid-template-columns:1fr 1fr}#auxs-support-page .auxs-support-card{padding:21px}}
@media(max-width:700px){#auxs-support-page .auxs-hero{min-height:220px;padding:25px 0 87px;background:linear-gradient(110deg,#fbfdff 0%,#eef5ff 75%,#cdddf4 100%)}#auxs-support-page .auxs-hero:before{background-size:auto 100%;opacity:.3}#auxs-support-page .auxs-hero h1{font-size:35px}#auxs-support-page .auxs-hero p{font-size:13px}#auxs-support-page .auxs-support-container{width:min(100% - 24px,1280px)}#auxs-support-page .auxs-support-main{margin-top:-55px}#auxs-support-page .auxs-support-sidebar{grid-template-columns:1fr}#auxs-support-page .auxs-fields{grid-template-columns:1fr}#auxs-support-page .auxs-span2{grid-column:1}#auxs-support-page .auxs-gold-btn{width:100%;min-width:0}#auxs-support-page .auxs-support-grid{gap:14px}#auxs-support-page .auxs-card-title h2{font-size:21px}}


/* v1.2.4 — center the support page in the viewport even if Astra's
   content wrapper/Elementor container is narrower or left aligned.
   The accompanying support.js calculates the exact left offset and
   scrollbar-safe viewport width; without JavaScript the CSS fallback
   still uses the standard 100vw breakout. */
#auxs-support-page{
  position:relative;
  left:var(--auxs-support-viewport-offset,0px);
  width:var(--auxs-support-viewport-width,100vw);
  max-width:none!important;
  margin:0!important;
  clear:both;
}
#auxs-support-page .auxs-support-container{
  max-width:1280px;
  margin-left:auto!important;
  margin-right:auto!important;
}


/* v1.2.5 — give the hero copy safe clearance below the existing sticky,
   overlapping Astra glass menu.  Keep the IT hero and all panels centered;
   adjust only this support page, not the global masthead or other pages. */
#auxs-support-page .auxs-hero {
  padding-top: 113px;
}
@media (max-width: 921px) {
  #auxs-support-page .auxs-hero { padding-top: 128px; }
}
@media (max-width: 700px) {
  #auxs-support-page .auxs-hero { padding-top: 138px; }
}
/* Visible, accessible human verification appears only when customer registers. */
#auxs-support-page .auxs-human-check {
  border: 1px solid #cfdcf0;
  border-radius: 12px;
  padding: 14px;
  background: #f5f8fd;
  display: grid;
  gap: 13px;
}
#auxs-support-page .auxs-human-check-heading {
  font-size: 13px;
  font-weight: 800;
  color: #172f58;
  margin: 0;
}
#auxs-support-page .auxs-human-check label { font-size: 12px; color: #243956; }
#auxs-support-page .auxs-human-check .auxs-challenge-question {
  color: #164b99;
  font-weight: 800;
  white-space: nowrap;
}
#auxs-support-page .auxs-human-check input[name="human_answer"] {
  max-width: 190px;
  margin-top: 7px;
}
#auxs-support-page .auxs-human-check .auxs-confirm-human {
  display: flex;
  gap: 10px;
  align-items: center;
  cursor: pointer;
}
#auxs-support-page .auxs-human-check .auxs-confirm-human input[type="checkbox"] {
  width: 19px !important;
  height: 19px !important;
  min-height: 19px !important;
  padding: 0 !important;
  flex: 0 0 19px;
  margin: 0 !important;
  accent-color: #b88b00;
  display: inline-block !important;
}
#auxs-support-page .auxs-human-check .auxs-confirm-human span {
  font-size: 12px;
  font-weight: 650;
  color: #243956;
}