/* Signup only. Username and password keep Nova's original sign-in UI. */

.wrap.isSignup{
  width:min(84vw, 320px);
  gap:8px;
  transform:translateY(-18px);
}

.wrap.isSignup,
.wrap.isSignup *{
  font-family:"Bungee", Inter, ui-sans-serif, system-ui, sans-serif;
}

.wrap.isSignup .cmTop{
  margin-bottom:8px;
  font-size:clamp(58px, 16vw, 76px);
}

.wrap.isSignup .signupReview{
  width:100%;
  display:grid;
  gap:7px;
  padding:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  box-shadow:none;
  animation:novaSignupIn .18s ease-out both;
}

.wrap.isSignup .signupHeading{
  display:grid;
  place-items:center;
  min-height:27px;
  padding:0;
  text-align:center;
}

.wrap.isSignup .signupHeading[hidden]{
  display:none;
}

.wrap.isSignup .signupTitle{
  margin:0;
  color:#fff;
  font-family:"Bungee", Inter, ui-sans-serif, system-ui, sans-serif;
  font-size:clamp(17px, 4.8vw, 20px);
  font-weight:400;
  line-height:1;
  text-shadow:0 3px 9px rgba(0,0,0,.28);
}

.wrap.isSignup .consentPanel{
  width:100%;
  display:grid;
  gap:14px;
  overflow:visible;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  box-shadow:none;
}

.wrap.isSignup .accountReview{
  width:100%;
  min-height:0;
  display:grid;
  justify-items:center;
  gap:4px;
  padding:0;
  overflow:visible;
  border:0;
  background:transparent;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  box-shadow:none;
}

.wrap.isSignup .accountReview::before{
  display:none;
}

.wrap.isSignup .policyCheck + .policyCheck{
  border-top:0;
}

.wrap.isSignup .accountCaption{
  color:rgba(255,255,255,.64);
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  line-height:1;
  text-transform:uppercase;
  text-shadow:none;
}

.wrap.isSignup .reviewValue{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  overflow-wrap:anywhere;
  color:#fff;
  font-family:"Bungee", Inter, ui-sans-serif, system-ui, sans-serif;
  font-size:clamp(25px, 7vw, 32px);
  font-weight:900;
  letter-spacing:0;
  line-height:1.12;
  text-align:center;
  text-transform:uppercase;
  text-shadow:0 3px 9px rgba(0,0,0,.24);
}

.wrap.isSignup .reviewValue.isLong{
  font-size:15px;
  line-height:1.15;
}

.wrap.isSignup .reviewValue.isVeryLong{
  font-size:12px;
  line-height:1.18;
}

.wrap.isSignup .policyCheck{
  min-height:0;
  height:auto;
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:center;
  gap:10px;
  padding:0;
  color:#fff;
  font-size:clamp(12px, 3.4vw, 15px);
  letter-spacing:0;
  text-shadow:none;
}

.wrap.isSignup .policyCheck:has(input:checked){
  background:transparent;
}

.wrap.isSignup .policyCheck:hover{
  background:transparent;
}

.wrap.isSignup .policyTap{
  min-height:0;
  height:auto;
  display:grid;
  grid-template-columns:34px minmax(0, 1fr);
  align-items:center;
  gap:10px;
  padding:0;
}

.wrap.isSignup .checkMark{
  width:34px;
  height:34px;
  border:2px solid rgba(255,255,255,.78);
  border-radius:11px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,.06)),
    rgba(0,0,0,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 18px rgba(0,0,0,.20);
}

.wrap.isSignup .checkMark::after{
  left:10px;
  top:6px;
  width:8px;
  height:15px;
  border-width:0 4px 4px 0;
}

.wrap.isSignup .policyCheck input:checked + .policyTap .checkMark{
  border-color:rgba(255,255,255,.86);
  background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(255,255,255,.84));
  box-shadow:0 5px 12px rgba(0,0,0,.18);
}

.wrap.isSignup .policyCopy{
  color:#fff;
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  font-size:clamp(12px, 3.4vw, 15px);
  line-height:1.15;
  text-shadow:0 3px 10px rgba(0,0,0,.44);
}

.wrap.isSignup .policyLink{
  width:auto;
  min-height:0;
  height:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#fff;
  font-size:11px;
  letter-spacing:.03em;
  text-decoration:underline;
  text-underline-offset:4px;
  text-shadow:0 3px 10px rgba(0,0,0,.44);
  box-shadow:none;
}

.wrap.isSignup .continueBtn:disabled{
  opacity:.46;
  cursor:not-allowed;
  filter:saturate(.65);
}

@keyframes novaSignupIn{
  from{ opacity:0; transform:translateY(5px); }
  to{ opacity:1; transform:none; }
}

@media (max-width:380px){
  .wrap.isSignup{
    width:min(86vw, 310px);
  }
}

@media (max-height:650px){
  .wrap.isSignup{
    gap:5px;
    transform:translateY(-12px);
  }

  .wrap.isSignup .cmTop{
    margin-bottom:3px;
    font-size:clamp(49px, 12vh, 58px);
  }

  .wrap.isSignup .signupHeading{
    min-height:21px;
  }

  .wrap.isSignup .signupTitle{
    font-size:15px;
  }

  .wrap.isSignup .policyCheck,
  .wrap.isSignup .policyTap,
  .wrap.isSignup .policyLink{
    min-height:0;
    height:auto;
  }
}

@media (prefers-reduced-motion:reduce){
  .wrap.isSignup .signupReview{
    animation:none;
  }
}