:root{
  --sp-white:#fff;
  --sp-warm:#fbfaf6;
  --sp-warm2:#f6f3eb;
  --sp-ink:#17191d;
  --sp-text:#454a50;
  --sp-muted:#727980;
  --sp-gold:#c89a27;
  --sp-gold2:#e6ca74;
  --sp-gold-deep:#75530e;
  --sp-cyan:#28c9e8;
  --sp-cyan-soft:#eafcff;
  --sp-line:#e3dfd6;
  --sp-shadow:0 13px 38px rgba(22,25,29,.055);
}

body[data-page="signup"]{
  color:var(--sp-text)!important;
  background:
    radial-gradient(
      circle at 87% 2%,
      rgba(40,201,232,.07),
      transparent 25rem
    ),
    radial-gradient(
      circle at 8% 2%,
      rgba(200,154,39,.08),
      transparent 25rem
    ),
    linear-gradient(
      180deg,
      #fff,
      var(--sp-warm)
    )!important;
}

body[data-page="signup"]::before,
body[data-page="signup"]::after{
  opacity:.025!important;
}

body[data-page="signup"] .signup-header{
  color:var(--sp-ink)!important;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid rgba(200,154,39,.27)!important;
  box-shadow:0 6px 22px rgba(22,25,29,.04)!important;
}

body[data-page="signup"] .signup-brand{
  color:var(--sp-ink)!important;
}

body[data-page="signup"] .signup-brand-mark{
  background:#fffdf8!important;
  border:1px solid rgba(200,154,39,.28)!important;
  border-radius:10px!important;
  box-shadow:none!important;
}

body[data-page="signup"] .signup-brand-copy strong{
  color:var(--sp-ink)!important;
}

body[data-page="signup"] .signup-brand-copy small{
  color:var(--sp-muted)!important;
}

body[data-page="signup"] .signup-navigation a{
  color:#555c62!important;
  background:#fff!important;
  border:1px solid var(--sp-line)!important;
  border-radius:8px!important;
  box-shadow:none!important;
}

body[data-page="signup"] .signup-community-link{
  color:#286d61!important;
  border-color:rgba(55,192,131,.24)!important;
  background:#f5fff9!important;
}

body[data-page="signup"] .signup-page{
  background:transparent!important;
}

body[data-page="signup"] .signup-intro,
body[data-page="signup"] .signup-panel{
  position:relative!important;
  overflow:hidden!important;
  color:var(--sp-text)!important;
  background:#fff!important;
  border:1px solid var(--sp-line)!important;
  border-radius:13px!important;
  box-shadow:var(--sp-shadow)!important;
}

body[data-page="signup"] .signup-intro{
  border-color:rgba(200,154,39,.24)!important;
}

body[data-page="signup"] .signup-intro::before,
body[data-page="signup"] .signup-panel::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:3px!important;
  background:
    linear-gradient(
      90deg,
      var(--sp-gold),
      var(--sp-gold2),
      var(--sp-cyan)
    )!important;
  box-shadow:none!important;
}

body[data-page="signup"] .eyebrow{
  color:var(--sp-gold-deep)!important;
}

body[data-page="signup"] .signup-intro h1,
body[data-page="signup"] .signup-panel-heading h2,
body[data-page="signup"] .signup-summary h2,
body[data-page="signup"] h3,
body[data-page="signup"] strong{
  color:var(--sp-ink)!important;
  text-shadow:none!important;
}

body[data-page="signup"] .signup-intro h1{
  letter-spacing:-.055em!important;
}

body[data-page="signup"] .signup-intro h1 span{
  color:var(--sp-gold)!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:none!important;
}

body[data-page="signup"] .signup-intro-copy,
body[data-page="signup"] .signup-panel-heading > p:last-child,
body[data-page="signup"] p,
body[data-page="signup"] small{
  color:var(--sp-muted)!important;
}

body[data-page="signup"] .signup-benefits{
  gap:10px!important;
}

body[data-page="signup"] .signup-benefits article{
  color:var(--sp-text)!important;
  background:#fbfaf6!important;
  border:1px solid var(--sp-line)!important;
  border-radius:9px!important;
  box-shadow:none!important;
}

body[data-page="signup"] .signup-benefits article > span{
  color:#18778b!important;
  background:var(--sp-cyan-soft)!important;
  border:1px solid rgba(40,201,232,.25)!important;
  border-radius:7px!important;
}

body[data-page="signup"] .signup-benefits strong{
  color:var(--sp-ink)!important;
}

body[data-page="signup"] .signup-benefits p{
  color:var(--sp-muted)!important;
}

body[data-page="signup"] .approval-notice{
  color:var(--sp-text)!important;
  background:#fffaf0!important;
  border:1px solid rgba(200,154,39,.27)!important;
  border-left:3px solid var(--sp-gold)!important;
  border-radius:9px!important;
  box-shadow:none!important;
}

body[data-page="signup"] .approval-status-dot{
  background:var(--sp-gold)!important;
  box-shadow:0 0 0 4px rgba(200,154,39,.11)!important;
}

body[data-page="signup"] .approval-notice strong{
  color:#59400d!important;
}

body[data-page="signup"] .approval-notice p{
  color:#796d56!important;
}

body[data-page="signup"] .signup-intro-watermark{
  opacity:.055!important;
}

body[data-page="signup"] .signup-intro-watermark img{
  filter:none!important;
}

body[data-page="signup"] .signup-panel-heading{
  border-color:var(--sp-line)!important;
}

body[data-page="signup"] fieldset{
  background:transparent!important;
  border-color:var(--sp-line)!important;
}

body[data-page="signup"] legend{
  color:var(--sp-text)!important;
}

body[data-page="signup"] .legend-number{
  color:#18778b!important;
  background:var(--sp-cyan-soft)!important;
  border:1px solid rgba(40,201,232,.27)!important;
}

body[data-page="signup"] .legend-copy strong{
  color:var(--sp-ink)!important;
}

body[data-page="signup"] .legend-copy small{
  color:var(--sp-muted)!important;
}

body[data-page="signup"] .form-field label{
  color:#43484d!important;
}

body[data-page="signup"] .form-field input,
body[data-page="signup"] input,
body[data-page="signup"] select,
body[data-page="signup"] textarea{
  color:var(--sp-ink)!important;
  background:#fff!important;
  border:1px solid #dcd8ce!important;
  border-radius:8px!important;
  box-shadow:none!important;
}

body[data-page="signup"] .form-field input::placeholder,
body[data-page="signup"] input::placeholder,
body[data-page="signup"] textarea::placeholder{
  color:#999da1!important;
}

body[data-page="signup"] .form-field input:hover{
  border-color:#d1cbbc!important;
  background:#fff!important;
}

body[data-page="signup"] .form-field input:focus,
body[data-page="signup"] input:focus,
body[data-page="signup"] select:focus,
body[data-page="signup"] textarea:focus{
  border-color:var(--sp-gold)!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(200,154,39,.10)!important;
  outline:0!important;
}

body[data-page="signup"] .form-field small,
body[data-page="signup"] .optional-label{
  color:#858b91!important;
}

body[data-page="signup"] .signup-summary{
  color:var(--sp-text)!important;
  background:
    linear-gradient(
      135deg,
      #fffdf7,
      #f5fdff
    )!important;
  border:1px solid rgba(200,154,39,.22)!important;
  border-left:3px solid var(--sp-cyan)!important;
  border-radius:9px!important;
  box-shadow:none!important;
}

body[data-page="signup"] .signup-summary-heading h2{
  color:var(--sp-ink)!important;
}

body[data-page="signup"] .signup-summary li{
  color:var(--sp-text)!important;
}

body[data-page="signup"] .signup-summary li > span{
  color:#17130b!important;
  background:
    linear-gradient(
      135deg,
      #f3dc86,
      var(--sp-gold)
    )!important;
  box-shadow:none!important;
}

body[data-page="signup"] .signup-summary strong{
  color:var(--sp-ink)!important;
}

body[data-page="signup"] .signup-summary small{
  color:var(--sp-muted)!important;
}

body[data-page="signup"] .primary-button{
  color:#17130b!important;
  background:
    linear-gradient(
      135deg,
      #f3dc86,
      var(--sp-gold)
    )!important;
  border:1px solid #b98719!important;
  border-radius:8px!important;
  box-shadow:none!important;
}

body[data-page="signup"] .primary-button:hover{
  box-shadow:none!important;
  filter:brightness(1.02)!important;
}

body[data-page="signup"] .signup-success{
  color:var(--sp-text)!important;
  background:#f5fff9!important;
  border:1px solid rgba(55,192,131,.24)!important;
  border-radius:9px!important;
  box-shadow:none!important;
}

body[data-page="signup"] .signup-success h2{
  color:var(--sp-ink)!important;
}

body[data-page="signup"] .signup-success p:not(.eyebrow){
  color:var(--sp-muted)!important;
}

body[data-page="signup"] .site-footer{
  color:#85898e!important;
  background:transparent!important;
  border-color:rgba(200,154,39,.16)!important;
}

body[data-page="signup"] .site-footer strong{
  color:#4d5156!important;
}
