/* StaffSwift V3.3.2 — unified modern authentication experience. */
:root{
  --ss-auth-bg:#f4f6fb;
  --ss-auth-panel:#ffffff;
  --ss-auth-panel-soft:#f8f9fd;
  --ss-auth-text:#10152f;
  --ss-auth-muted:#5f6882;
  --ss-auth-faint:#8c95aa;
  --ss-auth-border:#dfe4ef;
  --ss-auth-border-strong:#cbd3e3;
  --ss-auth-navy:#0b1340;
  --ss-auth-navy-2:#17235c;
  --ss-auth-blue:#2563eb;
  --ss-auth-blue-hover:#1d4ed8;
  --ss-auth-gold:#b8891a;
  --ss-auth-gold-hover:#966d12;
  --ss-auth-green:#15803d;
  --ss-auth-red:#c62828;
  --ss-auth-warning:#9a6700;
  --ss-auth-focus:rgba(37,99,235,.20);
  --ss-auth-shadow:0 24px 70px rgba(11,19,64,.14);
  --ss-auth-shadow-sm:0 8px 26px rgba(11,19,64,.09);
  --ss-auth-radius:24px;
  --ss-auth-radius-md:16px;
  --ss-auth-radius-sm:12px;
}
html[data-theme="dark"]{
  --ss-auth-bg:#090b12;
  --ss-auth-panel:#111520;
  --ss-auth-panel-soft:#171c28;
  --ss-auth-text:#f5f7ff;
  --ss-auth-muted:#bec6d8;
  --ss-auth-faint:#8f99ad;
  --ss-auth-border:#2a3242;
  --ss-auth-border-strong:#3a455a;
  --ss-auth-navy:#0c143c;
  --ss-auth-navy-2:#17255f;
  --ss-auth-blue:#5b8cff;
  --ss-auth-blue-hover:#78a0ff;
  --ss-auth-gold:#d6ad55;
  --ss-auth-gold-hover:#e3bf70;
  --ss-auth-green:#52c878;
  --ss-auth-red:#ff7979;
  --ss-auth-warning:#f5c96c;
  --ss-auth-focus:rgba(91,140,255,.24);
  --ss-auth-shadow:0 28px 80px rgba(0,0,0,.42);
  --ss-auth-shadow-sm:0 10px 30px rgba(0,0,0,.30);
}

html{background:var(--ss-auth-bg);color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}
body.ss-auth{
  min-height:100vh;
  margin:0;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 8% 5%,rgba(37,99,235,.10),transparent 34rem),
    radial-gradient(circle at 92% 92%,rgba(184,137,26,.09),transparent 30rem),
    var(--ss-auth-bg)!important;
  color:var(--ss-auth-text)!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Inter,"DM Sans",Arial,sans-serif!important;
  line-height:1.55;
}
body.ss-auth *,body.ss-auth *::before,body.ss-auth *::after{box-sizing:border-box}
body.ss-auth a{color:inherit}
body.ss-auth img{max-width:100%}

/* Shared split layout */
.ss-auth .auth-shell,.ss-auth .auth-wrap{
  width:100%;
  min-height:100vh;
  display:grid!important;
  grid-template-columns:minmax(320px,42%) minmax(0,58%);
  align-items:stretch;
  background:transparent!important;
}
.ss-auth .auth-side,.ss-auth .auth-left{
  width:auto!important;
  min-width:0;
  min-height:100vh;
  position:relative!important;
  isolation:isolate;
  display:flex!important;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
  padding:clamp(28px,4vw,58px)!important;
  background:
    radial-gradient(circle at 82% 10%,rgba(214,173,85,.21),transparent 28%),
    radial-gradient(circle at 10% 88%,rgba(74,105,212,.24),transparent 34%),
    linear-gradient(145deg,#08102f 0%,#111b4e 50%,#0a1135 100%)!important;
  color:#fff!important;
}
.ss-auth .auth-side::before,.ss-auth .auth-left::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.38;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,black,transparent 92%);
}
.ss-auth .auth-side>div:first-child,.ss-auth .auth-left>div:not([class*="glow"]):first-of-type{position:relative;z-index:1}
.ss-auth .auth-side .logo,.ss-auth .auth-left .logo,.ss-auth .al-logo img{height:38px!important;width:auto!important;object-fit:contain;filter:none!important}
.ss-auth .side-chip,.ss-auth .auth-badge,.ss-auth .al-logo-badge{
  display:inline-flex!important;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin-top:clamp(24px,7vh,78px);
  padding:7px 11px!important;
  border:1px solid rgba(255,255,255,.17)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.08)!important;
  color:#f2d48e!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.10em!important;
  text-transform:uppercase;
  backdrop-filter:blur(14px);
}
.ss-auth .side-title,.ss-auth .al-headline{
  max-width:620px;
  margin:18px 0 12px!important;
  color:#fff!important;
  font-family:"Fraunces",Georgia,serif!important;
  font-size:clamp(32px,4vw,58px)!important;
  line-height:1.06!important;
  letter-spacing:-.035em!important;
  text-wrap:balance;
}
.ss-auth .side-copy,.ss-auth .al-sub{
  max-width:560px;
  margin:0!important;
  color:rgba(255,255,255,.72)!important;
  font-size:clamp(14px,1.3vw,17px)!important;
  line-height:1.72!important;
}
.ss-auth .side-list{display:grid!important;gap:12px;margin-top:clamp(26px,5vh,54px)!important}
.ss-auth .side-item{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr);
  gap:13px!important;
  align-items:start!important;
  padding:14px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.065)!important;
  backdrop-filter:blur(16px);
}
.ss-auth .side-ico{
  width:42px!important;height:42px!important;
  display:grid!important;place-items:center;
  border-radius:13px!important;
  background:rgba(255,255,255,.10)!important;
  color:#f2d48e!important;
  font-size:16px!important;font-weight:800;
}
.ss-auth .side-item strong{display:block;color:#fff!important;font-size:14px!important;margin-bottom:2px}
.ss-auth .side-item span{display:block;color:rgba(255,255,255,.59)!important;font-size:12px!important;line-height:1.52}
.ss-auth .side-links{
  position:relative;z-index:1;
  display:flex!important;flex-wrap:wrap;gap:8px 18px!important;
  margin-top:28px!important;
  color:rgba(255,255,255,.67)!important;
  font-size:13px!important;
}
.ss-auth .side-links a{color:inherit!important;text-decoration:none!important}
.ss-auth .side-links a:hover{color:#fff!important}

.ss-auth .auth-main,.ss-auth .auth-right{
  min-width:0;
  min-height:100vh;
  display:flex!important;
  align-items:center;
  justify-content:center;
  padding:clamp(20px,4vw,64px)!important;
  overflow:visible!important;
  background:transparent!important;
}
.ss-auth .auth-card,.ss-auth .ar-inner{
  width:min(100%,720px)!important;
  max-width:720px!important;
  min-width:0;
  margin:0 auto!important;
  padding:clamp(24px,4vw,48px)!important;
  border:1px solid var(--ss-auth-border)!important;
  border-radius:var(--ss-auth-radius)!important;
  background:color-mix(in srgb,var(--ss-auth-panel) 94%,transparent)!important;
  box-shadow:var(--ss-auth-shadow)!important;
  backdrop-filter:blur(24px);
  color:var(--ss-auth-text)!important;
}
.ss-auth .auth-top{
  display:flex!important;align-items:center;justify-content:space-between;gap:14px;
  margin-bottom:24px!important;
}
.ss-auth .brand-mini{display:flex!important;align-items:center;gap:10px;color:var(--ss-auth-text)!important;font-weight:800!important}
.ss-auth .brand-mini img{width:34px!important;height:34px!important;border-radius:10px!important;object-fit:cover}
.ss-auth .auth-top .auth-badge{margin:0!important;background:var(--ss-auth-panel-soft)!important;border-color:var(--ss-auth-border)!important;color:var(--ss-auth-muted)!important;backdrop-filter:none}
.ss-auth .account-type-banner{
  display:grid!important;grid-template-columns:48px minmax(0,1fr);gap:13px;align-items:center;
  margin:0 0 22px!important;padding:14px 15px!important;
  border:1px solid color-mix(in srgb,var(--ss-auth-blue) 27%,var(--ss-auth-border))!important;
  border-radius:15px!important;
  background:color-mix(in srgb,var(--ss-auth-blue) 8%,var(--ss-auth-panel))!important;
  color:var(--ss-auth-text)!important;
}
.ss-auth .type-icon{width:48px!important;height:48px!important;display:grid!important;place-items:center;border-radius:14px!important;background:var(--ss-auth-panel)!important;box-shadow:var(--ss-auth-shadow-sm);font-size:22px}
.ss-auth .account-type-banner strong{display:block;color:var(--ss-auth-text)!important;font-size:14px!important}
.ss-auth .account-type-banner span,.ss-auth .account-type-banner p{color:var(--ss-auth-muted)!important;font-size:12px!important;margin:2px 0 0!important}
.ss-auth .auth-head{margin:0 0 24px!important}
.ss-auth .auth-kicker,.ss-auth .kicker{color:var(--ss-auth-gold)!important;font-size:11px!important;font-weight:850!important;letter-spacing:.13em!important;text-transform:uppercase}
.ss-auth .auth-title,.ss-auth .content h1{
  margin:7px 0 9px!important;
  color:var(--ss-auth-text)!important;
  font-family:"Fraunces",Georgia,serif!important;
  font-size:clamp(30px,4vw,44px)!important;
  line-height:1.08!important;
  letter-spacing:-.032em!important;
  text-wrap:balance;
}
.ss-auth .auth-sub,.ss-auth .lead{margin:0!important;color:var(--ss-auth-muted)!important;font-size:14px!important;line-height:1.7!important}

/* Navigation controls, tabs and wizard progress */
.ss-auth .tabs,.ss-auth .portal-switch,.ss-auth .role-switcher{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
  gap:6px!important;
  margin:0 0 22px!important;
  padding:5px!important;
  border:1px solid var(--ss-auth-border)!important;
  border-radius:14px!important;
  background:var(--ss-auth-panel-soft)!important;
}
.ss-auth .tab,.ss-auth .portal-switch a,.ss-auth .rs-btn{
  min-height:42px!important;
  display:flex!important;align-items:center;justify-content:center;gap:7px!important;
  padding:9px 12px!important;
  border:0!important;border-radius:10px!important;
  background:transparent!important;
  color:var(--ss-auth-muted)!important;
  font-weight:750!important;font-size:13px!important;
  text-decoration:none!important;cursor:pointer;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.ss-auth .tab:hover,.ss-auth .portal-switch a:hover,.ss-auth .rs-btn:hover{color:var(--ss-auth-text)!important;background:color-mix(in srgb,var(--ss-auth-panel) 75%,transparent)!important}
.ss-auth .tab.active,.ss-auth .portal-switch a.active,.ss-auth .rs-btn.active{
  background:var(--ss-auth-panel)!important;
  color:var(--ss-auth-text)!important;
  box-shadow:0 3px 12px rgba(11,19,64,.10)!important;
}
html[data-theme="dark"] .ss-auth .tab.active,html[data-theme="dark"] .ss-auth .portal-switch a.active,html[data-theme="dark"] .ss-auth .rs-btn.active{box-shadow:0 4px 14px rgba(0,0,0,.3)!important}
.ss-auth .progress-wrap{margin:0 0 24px!important}
.ss-auth .progress-steps,.ss-auth .wizard-progress{display:flex!important;align-items:center;gap:0!important;overflow:hidden}
.ss-auth [data-step-indicator],.ss-auth .ps-dot{
  position:relative;z-index:1;
  flex:0 0 32px!important;width:32px!important;height:32px!important;
  display:grid!important;place-items:center;
  border:2px solid var(--ss-auth-border)!important;border-radius:50%!important;
  background:var(--ss-auth-panel)!important;color:var(--ss-auth-faint)!important;
  font-size:12px!important;font-weight:850!important;
  transition:.22s ease;
}
.ss-auth [data-step-indicator].active,.ss-auth .ps-dot.active{border-color:var(--ss-auth-blue)!important;background:var(--ss-auth-blue)!important;color:#fff!important;box-shadow:0 0 0 5px var(--ss-auth-focus)}
.ss-auth [data-step-indicator].done,.ss-auth .ps-dot.done{border-color:var(--ss-auth-green)!important;background:var(--ss-auth-green)!important;color:#fff!important}
.ss-auth .ps-line,.ss-auth .progress-line{height:2px!important;flex:1;background:var(--ss-auth-border)!important}
.ss-auth .progress-label{margin-top:10px!important;color:var(--ss-auth-muted)!important;font-size:12px!important}
.ss-auth .progress-label strong{color:var(--ss-auth-text)!important}
.ss-auth .form-step{min-width:0}
.ss-auth .form-step.active{animation:ssAuthIn .28s cubic-bezier(.2,.8,.2,1)}
@keyframes ssAuthIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ss-auth .step-title{margin:0 0 5px!important;color:var(--ss-auth-text)!important;font-family:"Fraunces",Georgia,serif!important;font-size:clamp(23px,3vw,30px)!important;line-height:1.18!important}
.ss-auth .step-copy{margin:0 0 22px!important;color:var(--ss-auth-muted)!important;font-size:13px!important;line-height:1.65!important}

/* Forms */
.ss-auth form{min-width:0}
.ss-auth .form-grid{display:grid!important;grid-template-columns:minmax(0,1fr);gap:17px!important;min-width:0}
.ss-auth .form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.ss-auth .field{min-width:0;position:relative}
.ss-auth .field.hidden,.ss-auth .hidden{display:none!important}
.ss-auth .field label{
  display:flex!important;align-items:center;justify-content:space-between;gap:8px;
  margin:0 0 7px!important;color:var(--ss-auth-text)!important;
  font-size:12.5px!important;font-weight:750!important;
}
.ss-auth .input,.ss-auth .textarea,.ss-auth .field-input,.ss-auth input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),.ss-auth select,.ss-auth textarea{
  width:100%;max-width:100%;min-width:0;
  min-height:48px;
  padding:11px 13px!important;
  border:1px solid var(--ss-auth-border-strong)!important;
  border-radius:12px!important;
  outline:0!important;
  background:var(--ss-auth-panel)!important;
  color:var(--ss-auth-text)!important;
  font:inherit!important;font-size:14px!important;
  box-shadow:0 1px 0 rgba(255,255,255,.45) inset;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
html[data-theme="dark"] .ss-auth .input,html[data-theme="dark"] .ss-auth .textarea,html[data-theme="dark"] .ss-auth .field-input,html[data-theme="dark"] .ss-auth input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),html[data-theme="dark"] .ss-auth select,html[data-theme="dark"] .ss-auth textarea{box-shadow:none}
.ss-auth textarea,.ss-auth textarea.input,.ss-auth textarea.field-input{min-height:96px!important;resize:vertical}
.ss-auth input::placeholder,.ss-auth textarea::placeholder{color:var(--ss-auth-faint)!important;opacity:1}
.ss-auth .input:focus,.ss-auth .textarea:focus,.ss-auth .field-input:focus,.ss-auth input:focus,.ss-auth select:focus,.ss-auth textarea:focus{
  border-color:var(--ss-auth-blue)!important;
  box-shadow:0 0 0 4px var(--ss-auth-focus)!important;
}
.ss-auth select option{background:var(--ss-auth-panel)!important;color:var(--ss-auth-text)!important}
.ss-auth input[type="file"]{padding:8px!important;cursor:pointer}
.ss-auth input[type="file"]::file-selector-button{
  min-height:34px;margin-right:10px;padding:7px 11px;border:0;border-radius:8px;
  background:var(--ss-auth-panel-soft);color:var(--ss-auth-text);font-weight:750;cursor:pointer;
}
.ss-auth .field-append,.ss-auth .pw-wrap{position:relative;min-width:0}
.ss-auth .field-append .input,.ss-auth .pw-wrap .input{padding-right:50px!important}
.ss-auth .eye,.ss-auth .pw-eye{
  position:absolute!important;right:7px!important;top:50%!important;transform:translateY(-50%)!important;
  width:38px!important;height:38px!important;display:grid!important;place-items:center;
  border:0!important;border-radius:9px!important;background:transparent!important;
  color:var(--ss-auth-muted)!important;cursor:pointer!important;font-size:15px!important;
}
.ss-auth .eye:hover,.ss-auth .pw-eye:hover{background:var(--ss-auth-panel-soft)!important;color:var(--ss-auth-text)!important}
.ss-auth .field.has-value label::after{content:"✓";color:var(--ss-auth-green);font-weight:900}
.ss-auth .field.invalid .input,.ss-auth .field.invalid .textarea,.ss-auth .field.invalid .field-input,.ss-auth .field .input:invalid[data-user-touched="1"]{border-color:var(--ss-auth-red)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--ss-auth-red) 13%,transparent)!important}
.ss-auth .field-error{display:none!important;margin-top:6px;color:var(--ss-auth-red)!important;font-size:11.5px!important;line-height:1.45}
.ss-auth .field.invalid .field-error{display:block!important}
.ss-auth .field-hint,.ss-auth .help,.ss-auth .phone-status{margin-top:6px!important;color:var(--ss-auth-muted)!important;font-size:11.5px!important;line-height:1.5!important}
.ss-auth .phone-status.ok{color:var(--ss-auth-green)!important}.ss-auth .phone-status.bad{color:var(--ss-auth-red)!important}
.ss-auth .phone-control,.ss-auth .phone-row{display:grid!important;grid-template-columns:112px minmax(0,1fr);gap:8px!important;min-width:0}
.ss-auth .country-code-box{position:relative;display:flex!important;align-items:center;min-width:0}
.ss-auth .country-flag{position:absolute;left:12px;z-index:2;pointer-events:none;font-size:17px}
.ss-auth .country-select{padding-left:39px!important;padding-right:25px!important}
.ss-auth .check-row,.ss-auth .terms-row{
  display:flex!important;align-items:flex-start!important;gap:10px!important;
  padding:13px!important;border:1px solid var(--ss-auth-border)!important;border-radius:12px!important;
  background:var(--ss-auth-panel-soft)!important;color:var(--ss-auth-muted)!important;
  font-size:12px!important;line-height:1.55!important;
}
.ss-auth input[type="checkbox"],.ss-auth input[type="radio"]{flex:0 0 auto;width:17px!important;height:17px!important;margin:2px 0 0!important;accent-color:var(--ss-auth-blue)}
.ss-auth .check-row a,.ss-auth .terms-row a{color:var(--ss-auth-blue)!important;font-weight:750}
.ss-auth .upload-zone{border-color:var(--ss-auth-border-strong)!important;background:var(--ss-auth-panel-soft)!important}
.ss-auth .registration-summary,.ss-auth .acct-summary,.ss-auth .details{
  border:1px solid var(--ss-auth-border)!important;border-radius:14px!important;
  background:var(--ss-auth-panel-soft)!important;color:var(--ss-auth-text)!important;
  padding:8px 15px!important;
}
.ss-auth .summary-row,.ss-auth .as-row,.ss-auth .details .row{
  display:flex!important;justify-content:space-between;gap:20px;
  padding:11px 0!important;border-bottom:1px solid var(--ss-auth-border)!important;
  color:var(--ss-auth-muted)!important;font-size:12px!important;
}
.ss-auth .summary-row:last-child,.ss-auth .as-row:last-child,.ss-auth .details .row:last-child{border-bottom:0!important}
.ss-auth .summary-row span:last-child,.ss-auth .as-val,.ss-auth .details .row span{color:var(--ss-auth-text)!important;font-weight:700;text-align:right;overflow-wrap:anywhere}

/* Password meter injected by modern JS */
.ss-auth .ss-password-meter{margin-top:8px}
.ss-auth .ss-password-meter-track{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.ss-auth .ss-password-meter-track i{display:block;height:4px;border-radius:999px;background:var(--ss-auth-border);transition:background .18s ease}
.ss-auth .ss-password-meter[data-score="1"] i:nth-child(-n+1){background:var(--ss-auth-red)}
.ss-auth .ss-password-meter[data-score="2"] i:nth-child(-n+2){background:#d98b13}
.ss-auth .ss-password-meter[data-score="3"] i:nth-child(-n+3){background:var(--ss-auth-blue)}
.ss-auth .ss-password-meter[data-score="4"] i:nth-child(-n+4){background:var(--ss-auth-green)}
.ss-auth .ss-password-meter small{display:block;margin-top:5px;color:var(--ss-auth-muted);font-size:11px}
.ss-auth .ss-caps-warning{display:none;margin-top:5px;color:var(--ss-auth-warning);font-size:11px}.ss-auth .ss-caps-warning.is-visible{display:block}
.ss-auth .ss-file-note{display:block;margin-top:6px;color:var(--ss-auth-muted);font-size:11px;overflow-wrap:anywhere}

/* Buttons and messages */
.ss-auth .actions,.ss-auth .wizard-actions,.ss-auth .btn-row{display:flex!important;flex-wrap:wrap;gap:11px!important;margin-top:22px!important}
.ss-auth .btn,.ss-auth .btn-next,.ss-auth .btn-back,.ss-auth .btn-full{
  min-height:48px!important;
  display:inline-flex!important;align-items:center;justify-content:center;gap:8px!important;
  padding:11px 17px!important;
  border:1px solid transparent!important;border-radius:12px!important;
  font:inherit!important;font-size:13.5px!important;font-weight:800!important;
  text-decoration:none!important;cursor:pointer!important;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease!important;
}
.ss-auth .btn:hover,.ss-auth .btn-next:hover,.ss-auth .btn-back:hover,.ss-auth .btn-full:hover{transform:translateY(-1px)}
.ss-auth .btn:active,.ss-auth .btn-next:active,.ss-auth .btn-back:active,.ss-auth .btn-full:active{transform:translateY(0)}
.ss-auth .btn-primary,.ss-auth .btn-blue,.ss-auth .btn-navy,.ss-auth .primary{
  background:var(--ss-auth-blue)!important;color:#fff!important;border-color:var(--ss-auth-blue)!important;box-shadow:0 9px 22px rgba(37,99,235,.20)!important;
}
.ss-auth .btn-primary:hover,.ss-auth .btn-blue:hover,.ss-auth .btn-navy:hover,.ss-auth .primary:hover{background:var(--ss-auth-blue-hover)!important;border-color:var(--ss-auth-blue-hover)!important}
.ss-auth .btn-gold{background:var(--ss-auth-gold)!important;color:#fff!important;border-color:var(--ss-auth-gold)!important}
.ss-auth .btn-gold:hover{background:var(--ss-auth-gold-hover)!important;border-color:var(--ss-auth-gold-hover)!important}
.ss-auth .btn:not(.btn-primary):not(.btn-gold):not(.btn-blue):not(.btn-navy):not(.primary),.ss-auth .btn-back,.ss-auth .secondary{
  background:var(--ss-auth-panel)!important;color:var(--ss-auth-text)!important;border-color:var(--ss-auth-border-strong)!important;box-shadow:none!important;
}
.ss-auth .wizard-actions #nextStep,.ss-auth .wizard-actions #submitRegistration{flex:1 1 190px}
.ss-auth .wizard-actions #prevStep{flex:0 0 auto}
.ss-auth button[hidden],.ss-auth [hidden]{display:none!important}
.ss-auth button:disabled,.ss-auth .btn.is-loading{opacity:.72;cursor:wait!important;transform:none!important}
.ss-auth .btn.is-loading::before{content:"";width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ssSpin .75s linear infinite}
@keyframes ssSpin{to{transform:rotate(360deg)}}
.ss-auth .alert{
  display:flex!important;align-items:flex-start;gap:9px;
  margin:0 0 17px!important;padding:13px 14px!important;
  border:1px solid var(--ss-auth-border)!important;border-radius:12px!important;
  background:var(--ss-auth-panel-soft)!important;color:var(--ss-auth-text)!important;
  font-size:12.5px!important;line-height:1.55!important;
}
.ss-auth .alert.error{border-color:color-mix(in srgb,var(--ss-auth-red) 45%,var(--ss-auth-border))!important;background:color-mix(in srgb,var(--ss-auth-red) 8%,var(--ss-auth-panel))!important;color:var(--ss-auth-red)!important}
.ss-auth .alert.success{border-color:color-mix(in srgb,var(--ss-auth-green) 45%,var(--ss-auth-border))!important;background:color-mix(in srgb,var(--ss-auth-green) 8%,var(--ss-auth-panel))!important;color:var(--ss-auth-green)!important}
.ss-auth .divider,.ss-auth .or-line{display:flex!important;align-items:center;gap:12px;margin:20px 0!important;color:var(--ss-auth-faint)!important;font-size:11.5px!important}
.ss-auth .divider::before,.ss-auth .divider::after,.ss-auth .or-line::before,.ss-auth .or-line::after{content:"";flex:1;height:1px;background:var(--ss-auth-border)!important}
.ss-auth .social-grid,.ss-auth .social-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important}
.ss-auth .social-btn,.ss-auth .soc-btn{
  min-height:45px!important;display:flex!important;align-items:center;justify-content:center;gap:8px!important;
  padding:9px 12px!important;border:1px solid var(--ss-auth-border)!important;border-radius:11px!important;
  background:var(--ss-auth-panel)!important;color:var(--ss-auth-text)!important;font-size:12px!important;font-weight:750!important;text-decoration:none!important;
}
.ss-auth .social-btn:hover,.ss-auth .soc-btn:hover{background:var(--ss-auth-panel-soft)!important;border-color:var(--ss-auth-border-strong)!important}
.ss-auth .auth-foot,.ss-auth .already-link{margin-top:22px!important;text-align:center;color:var(--ss-auth-muted)!important;font-size:12.5px!important}
.ss-auth .auth-foot a,.ss-auth .already-link a{color:var(--ss-auth-blue)!important;font-weight:800!important}
.ss-auth .auth-links{display:flex!important;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px 17px!important;margin-top:20px!important;color:var(--ss-auth-muted)!important;font-size:12px!important}
.ss-auth .auth-links a{color:inherit!important;text-decoration:none!important}.ss-auth .auth-links a:hover{color:var(--ss-auth-text)!important}

/* Success page, retaining its website header/footer */
.ss-auth .site-header{background:rgba(8,16,47,.94)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.ss-auth .site-header .nav{max-width:1180px;margin:auto;padding:0 20px;min-height:68px}
.ss-auth .site-header .links a{color:rgba(255,255,255,.82)!important}.ss-auth .site-header .links .gold{background:var(--ss-auth-gold)!important;color:#fff!important}
.ss-auth .hero{width:min(100%,1120px)!important;margin:0 auto!important;padding:clamp(24px,6vw,70px) 18px!important}
.ss-auth .success-grid{
  display:grid!important;grid-template-columns:minmax(280px,.88fr) minmax(0,1.12fr)!important;
  overflow:hidden;border:1px solid var(--ss-auth-border)!important;border-radius:26px!important;
  background:var(--ss-auth-panel)!important;box-shadow:var(--ss-auth-shadow)!important;
}
.ss-auth .visual{min-height:520px!important;padding:clamp(28px,5vw,52px)!important;background:linear-gradient(145deg,#08102f,#202d73)!important;color:#fff!important}
.ss-auth .visual h2{color:#fff!important}.ss-auth .visual p{color:rgba(255,255,255,.74)!important}
.ss-auth .success-grid .content{padding:clamp(26px,5vw,54px)!important;color:var(--ss-auth-text)!important}
.ss-auth .notice{border:1px solid color-mix(in srgb,var(--ss-auth-gold) 45%,var(--ss-auth-border))!important;border-radius:13px!important;background:color-mix(in srgb,var(--ss-auth-gold) 10%,var(--ss-auth-panel))!important;color:var(--ss-auth-text)!important}
.ss-auth .site-footer{background:#08102f!important;color:rgba(255,255,255,.72)!important}
.ss-auth .site-footer a{color:rgba(255,255,255,.78)!important}

/* Theme toggle */
.ss-auth .ss-theme-toggle{
  width:40px!important;height:40px!important;flex:0 0 40px;
  display:grid!important;place-items:center;border:1px solid var(--ss-auth-border)!important;border-radius:11px!important;
  background:var(--ss-auth-panel)!important;color:var(--ss-auth-text)!important;cursor:pointer;
}
.ss-auth .ss-theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:1000px){
  .ss-auth .auth-shell,.ss-auth .auth-wrap{grid-template-columns:minmax(260px,34%) minmax(0,66%)}
  .ss-auth .side-list{display:none!important}
  .ss-auth .side-title,.ss-auth .al-headline{font-size:clamp(29px,4.4vw,42px)!important}
}
@media(max-width:760px){
  body.ss-auth{background:var(--ss-auth-bg)!important}
  .ss-auth .auth-shell,.ss-auth .auth-wrap{display:block!important;min-height:100vh}
  .ss-auth .auth-side,.ss-auth .auth-left{
    min-height:0!important;width:100%!important;padding:22px 20px 28px!important;
    border-radius:0 0 24px 24px;
  }
  .ss-auth .auth-side .logo,.ss-auth .auth-left .logo,.ss-auth .al-logo img{height:31px!important}
  .ss-auth .side-chip,.ss-auth .al-logo-badge{margin-top:20px!important}
  .ss-auth .side-title,.ss-auth .al-headline{margin-top:12px!important;font-size:clamp(27px,8vw,38px)!important}
  .ss-auth .side-copy,.ss-auth .al-sub{font-size:13px!important;line-height:1.62!important}
  .ss-auth .side-list{display:none!important}
  .ss-auth .side-links{display:none!important}
  .ss-auth .auth-main,.ss-auth .auth-right{min-height:auto!important;padding:16px 12px 34px!important;align-items:flex-start}
  .ss-auth .auth-card,.ss-auth .ar-inner{margin-top:-10px!important;padding:24px 18px!important;border-radius:20px!important;box-shadow:var(--ss-auth-shadow-sm)!important}
  .ss-auth .form-grid.two{grid-template-columns:minmax(0,1fr)!important}
  .ss-auth .success-grid{grid-template-columns:minmax(0,1fr)!important}
  .ss-auth .visual{min-height:310px!important}
}
@media(max-width:480px){
  .ss-auth .auth-main,.ss-auth .auth-right{padding-left:8px!important;padding-right:8px!important}
  .ss-auth .auth-card,.ss-auth .ar-inner{padding:21px 14px!important;border-radius:17px!important}
  .ss-auth .auth-top{align-items:flex-start}
  .ss-auth .brand-mini span{display:none}
  .ss-auth .account-type-banner{grid-template-columns:42px minmax(0,1fr);padding:12px!important}.ss-auth .type-icon{width:42px!important;height:42px!important}
  .ss-auth .social-grid,.ss-auth .social-row{grid-template-columns:minmax(0,1fr)!important}
  .ss-auth .tabs,.ss-auth .portal-switch,.ss-auth .role-switcher{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .ss-auth .phone-control,.ss-auth .phone-row{grid-template-columns:104px minmax(0,1fr)}
  .ss-auth .wizard-actions,.ss-auth .actions,.ss-auth .btn-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
  .ss-auth .wizard-actions>*{width:100%!important;flex:auto!important}
  .ss-auth .summary-row,.ss-auth .as-row,.ss-auth .details .row{display:block!important}.ss-auth .summary-row span:last-child,.ss-auth .as-val,.ss-auth .details .row span{display:block;text-align:left;margin-top:4px}
  .ss-auth .site-header .links a:not(.gold){display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .ss-auth *,.ss-auth *::before,.ss-auth *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}
