/* Visual skin only. Does not change fields, names, or submit behavior. */
#custom-regbox{padding-top:0 !important}
#custom-regbox #main-container{max-width:none;margin:0}
#custom-regbox .form-section{margin:0}
#custom-regbox .form-container{
  background:transparent !important;
  box-shadow:none;
  border-radius:0;
}
#custom-regbox .formwrap-outer .intgrtn-form-signup{padding:0}
#custom-regbox .formHeader{display:none}

#custom-regbox.skin-card .form-container{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:clamp(16px,2.4vw,32px);
  border-radius:22px;
  background:rgba(21,21,19,.9) !important;
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 30px 80px rgba(0,0,0,.45);
}
#custom-regbox.skin-flat .form-container{box-shadow:none}
#custom-regbox.skin-plain .form-container{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:0;
  background:transparent !important;
  border:0;
  box-shadow:none;
}

#custom-regbox.skin-hero .formHeader{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:12px;
  margin:0 0 2px;
  padding:0;
  background:transparent;
  border-radius:0;
  color:var(--text);
  font-family:var(--head);
  font-size:clamp(17px,1.6vw,20px);
  font-weight:600;
  letter-spacing:0;
  text-align:left;
  line-height:1.3;
}
#custom-regbox.skin-hero .formHeader span{
  font-family:var(--mono);
  font-size:12px;
  font-weight:500;
  letter-spacing:0;
  color:var(--muted);
  white-space:nowrap;
}

#custom-regbox .intgrtn-step.intgrtn-active{
  display:flex;
  flex-direction:column;
  gap:10px;
}
#custom-regbox .intgrtn-input-holder,
#custom-regbox .intgrtn-btn-go-to-step-holder{margin-bottom:0}
#custom-regbox.skin-hero .intgrtn-step.intgrtn-active{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
#custom-regbox.skin-hero .intgrtn-input-holder-email,
#custom-regbox.skin-hero .intgrtn-input-holder-phone,
#custom-regbox.skin-hero .intgrtn-btn-go-to-step-holder{grid-column:1 / -1}

#custom-regbox .intgrtn-input-holder .intgrtn-input{
  height:52px;
  width:100%;
  padding:0 14px;
  border-radius:12px;
  background:var(--field);
  border:1px solid var(--line2);
  color:var(--text);
  font-family:'Onest',system-ui,sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:52px;
  text-transform:none;
  letter-spacing:0;
}
#custom-regbox .intgrtn-input-holder .intgrtn-input:focus{border-color:var(--y)}
#custom-regbox .intgrtn-input-holder .intgrtn-input::placeholder{color:#7C7A72}
#custom-regbox .form-send .intgrtn-input.activeBad{
  color:#fff;
  background:rgba(255,0,0,.6) !important;
  border-color:transparent;
}
#custom-regbox .form-send .intgrtn-input.activeGood{
  color:#fff;
  background:#5ec849;
  border-color:transparent;
}

#custom-regbox .iti{display:block;width:100%}
#custom-regbox .iti input,
#custom-regbox .iti input[type=tel]{
  height:52px;
  background:var(--field);
  color:var(--text);
  border-radius:12px;
}
#custom-regbox .iti--separate-dial-code .iti__selected-flag{
  background:transparent;
  border-right:1px solid var(--line2);
}
#custom-regbox .iti--separate-dial-code .iti__selected-dial-code{
  color:var(--text3) !important;
  font-size:15px;
}
#custom-regbox .iti__arrow{border-top-color:var(--text3)}
#custom-regbox .iti__arrow--up{border-bottom-color:var(--text3)}
#custom-regbox .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{
  background:rgba(255,255,255,.04);
}
.iti__country-list,
.iti--container .iti__country-list{
  background:#161614;
  border-color:rgba(255,255,255,.12);
  color:var(--text);
  border-radius:12px;
}
.iti__country-list .iti__country-name,
.iti--container .iti__country-name{color:var(--text)}
.iti__country-list .iti__dial-code,
.iti--container .iti__dial-code{color:var(--muted)}
.iti__country-list .iti__country.iti__highlight,
.iti--container .iti__country.iti__highlight{background:rgba(255,210,63,.16)}
.iti__country-list .iti__divider,
.iti--container .iti__divider{border-bottom-color:rgba(255,255,255,.1)}

#custom-regbox .intgrtn-btn-go-to-step-holder{text-align:center}
#custom-regbox .intgrtn-btn-go-to-step{
  height:56px;
  width:100%;
  min-width:0;
  margin:0;
  padding:0 28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:14px;
  background:var(--y);
  color:var(--bg);
  font-family:var(--head);
  font-weight:700;
  font-size:17px;
  line-height:1;
  letter-spacing:0;
  text-transform:none;
  text-align:center;
  box-shadow:0 10px 30px rgba(255,210,63,.25);
  white-space:nowrap;
}
#custom-regbox .intgrtn-btn-go-to-step:hover{background:var(--y2);color:var(--bg)}
#custom-regbox.skin-hero .intgrtn-btn-go-to-step-holder{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:4px;
}
#custom-regbox.skin-hero .intgrtn-btn-go-to-step{flex:1 1 200px;width:auto;padding:0 20px}
#custom-regbox.skin-hero .btn-ghost{flex:0 0 auto;height:56px;padding:0 20px}

#custom-regbox .form-note{margin:2px 0 0;font-size:15px;line-height:1.5;color:var(--text2)}
#custom-regbox .trust-row{margin-top:0}
#custom-regbox .reg-legal{
  font-size:12px;
  color:#A8A69C;
  line-height:1.5;
  text-align:center;
}
#custom-regbox.skin-plain .small-note{margin-top:2px}