/* Mirrors registration-status.css token for token so the verify page and the
   thank-you page read as one screen. It is a separate namespace on purpose:
   the loader plugin matches the thank-you page's own card class to
   registration-status.js, and that script would rewrite this page's title and
   button if the two pages shared a class.

   Nothing in this file may repeat another page's marker class verbatim. The
   loader matches markers with a plain substring search over the whole page
   content, so a marker named in a comment is enough to pull in another page's
   assets if this file is ever pasted into the page instead of enqueued. */
.jsvfy{
  --jsvfy-orange:var(--js-orange,#DE480E);
  --jsvfy-deep:#2B1206;
  --jsvfy-edge:rgba(255,214,180,0.16);
  --jsvfy-eyebrow:#E6A878;
  --jsvfy-title:#FFFFFF;
  --jsvfy-copy:#EBD3C2;
  --jsvfy-muted:#C9AC99;
  --jsvfy-green:#7CCB8E;
  --jsvfy-red:#FFB2A0;

  position:relative;
  width:100vw;
  margin-left:calc(50% - 50vw);
  min-height:min(760px,100vh);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(48px,10vw,120px) clamp(16px,5vw,48px);
  background:
    radial-gradient(42vw 42vw at 18% 22%, rgba(214,104,40,0.42) 0%, rgba(214,104,40,0) 62%),
    radial-gradient(38vw 38vw at 82% 78%, rgba(196,84,27,0.34) 0%, rgba(196,84,27,0) 60%),
    linear-gradient(160deg,#431B0A 0%,var(--jsvfy-deep) 55%,#240F05 100%);
  color:var(--jsvfy-copy);
  font-family:var(--panel-sans,Arial,"Helvetica Neue",Helvetica,sans-serif);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.jsvfy *,.jsvfy *::before,.jsvfy *::after{box-sizing:border-box}

.jsvfy-card{
  width:100%;
  max-width:620px;
  background:linear-gradient(180deg,rgba(63,26,12,0.92) 0%,rgba(44,18,8,0.96) 100%);
  border:1px solid var(--jsvfy-edge);
  border-radius:18px;
  padding:clamp(28px,5vw,44px);
  box-shadow:0 30px 80px rgba(0,0,0,0.45);
}

.jsvfy-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:54px;
  height:54px;
  margin:0 0 20px;
  border-radius:999px;
  border:1px solid var(--jsvfy-edge);
  background:rgba(255,255,255,0.06);
  color:var(--jsvfy-eyebrow);
  font-size:17px;
  font-weight:800;
  letter-spacing:0.04em;
}
.jsvfy.is-success .jsvfy-badge{color:var(--jsvfy-green);border-color:rgba(124,203,142,0.4)}
.jsvfy.is-error .jsvfy-badge{color:var(--jsvfy-red);border-color:rgba(255,178,160,0.4)}

.jsvfy-eyebrow{
  margin:0 0 14px;
  font-size:13px;
  font-weight:700;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--jsvfy-eyebrow);
}

.jsvfy-title{
  margin:0 0 14px;
  font-size:clamp(34px,6vw,46px);
  line-height:1.1;
  font-weight:800;
  color:var(--jsvfy-title);
}
.jsvfy.is-success .jsvfy-title{color:var(--jsvfy-green)}
.jsvfy.is-error .jsvfy-title{color:#FFD9C9}

.jsvfy-copy{
  margin:0 0 24px;
  font-size:17px;
  color:var(--jsvfy-copy);
}

.jsvfy-email{
  margin:0 0 24px;
  padding:14px 18px;
  border:1px solid var(--jsvfy-edge);
  border-radius:10px;
  background:rgba(255,255,255,0.05);
  color:var(--jsvfy-title);
  font-size:16px;
  word-break:break-all;
}

.jsvfy-progress{
  margin:0 0 24px;
  font-size:15px;
  color:var(--jsvfy-muted);
}
.jsvfy-progress .jsvfy-dots::after{
  content:'';
  animation:jsvfy-dots 1.2s steps(4,end) infinite;
}
@keyframes jsvfy-dots{
  0%{content:''}
  25%{content:'.'}
  50%{content:'..'}
  75%{content:'...'}
}

.jsvfy-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 30px;
  border-radius:999px;
  background:linear-gradient(180deg,#F0863A 0%,var(--jsvfy-orange) 100%);
  color:#2A0F04;
  font-size:16px;
  font-weight:700;
  text-decoration:none;
  transition:filter .15s ease,transform .15s ease;
}
.jsvfy-btn:hover,.jsvfy-btn:focus-visible{
  filter:brightness(1.07);
  transform:translateY(-1px);
  color:#2A0F04;
}
.jsvfy-btn:focus-visible{outline:2px solid #FFD9BF;outline-offset:3px}
.jsvfy-btn[hidden]{display:none}

.jsvfy-help{
  margin:22px 0 0;
  font-size:14px;
  color:var(--jsvfy-muted);
}
.jsvfy-help a{color:var(--jsvfy-eyebrow);text-decoration:underline}

@media (prefers-reduced-motion:reduce){
  .jsvfy-btn{transition:none}
  .jsvfy-btn:hover{transform:none}
  .jsvfy-progress .jsvfy-dots::after{animation:none;content:'...'}
}