.en-signup .pagehead{
  padding:calc(var(--hdr) + clamp(30px,4vw,52px)) 0 0;background:none;
}
.en-signup .pagehead .wrap{
  max-width:var(--maxw);margin:0 auto;
  padding-left:clamp(18px,3vw,34px);padding-right:clamp(18px,3vw,34px);
}
.en-signup .pagehead .eyebrow{
  font:500 10px/1 var(--mono);letter-spacing:.17em;text-transform:uppercase;
  color:var(--acc);margin-bottom:13px;
}
.en-signup .pagehead .eyebrow::before{content:none}
.en-signup .pagetitle{
  margin:0;max-width:18ch;
  font:500 clamp(28px,3.4vw,42px)/1.14 var(--serif);
  letter-spacing:-.016em;color:var(--ink);
}
.en-signup .pagesub{
  margin:16px 0 0;max-width:54ch;
  font:400 17px/1.62 var(--sans);color:var(--mid);
}


.en-signup .authwrap{
  max-width:var(--maxw);margin:0 auto;
  padding:clamp(26px,3vw,40px) clamp(18px,3vw,34px) clamp(46px,5vw,72px);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);
  gap:clamp(24px,3.2vw,52px);align-items:start;
}

.en-signup .authwrap > *:not(.sk-side){grid-column:1}
.en-signup .authcard{
  margin:0;max-width:520px;background:#fff;
  border:1px solid var(--line);border-radius:12px;
  padding:clamp(24px,2.8vw,34px);
  box-shadow:0 1px 2px rgba(14,24,29,.04), 0 22px 46px -34px rgba(14,24,29,.5);
}
.en-signup .authcard label{
  display:block;margin:0 0 7px;
  font:500 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink-2);
}
.en-signup .authcard input{
  width:100%;box-sizing:border-box;margin:0 0 18px;
  padding:12px 14px;border-radius:8px;
  border:1px solid var(--edge);background:var(--paper-2);
  font:400 15.5px/1.55 var(--sans);color:var(--ink);
  transition:border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.en-signup .authcard input:hover{border-color:rgba(14,24,29,.22)}

.en-signup .authcard input:focus{
  background:#fff;border-color:var(--acc-fill);
  box-shadow:0 0 0 3px var(--acc-soft);
}
.en-signup .authcard input:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.en-signup .authcard .codein{
  font:500 22px/1 var(--mono);letter-spacing:.42em;text-align:center;
}
.en-signup .authbtn{
  display:block;width:100%;box-sizing:border-box;margin:4px 0 0;
  padding:14px 18px;border:0;border-radius:9px;cursor:pointer;text-align:center;
  background:var(--acc-fill);color:#fff;text-decoration:none;
  font:500 14.5px/1 var(--sans);
  transition:background .18s ease, transform .12s ease;
}
.en-signup .authbtn:hover{background:#0a6d42}
.en-signup .authbtn:active{transform:translateY(1px)}
.en-signup .authbtn:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.en-signup .authbtn[disabled]{background:#93a4ad;cursor:default}
.en-signup .authbtn.secondary{
  background:#fff;color:var(--ink-2);border:1px solid var(--line);
}
.en-signup .authbtn.secondary:hover{background:var(--paper-2);border-color:var(--acc-fill);color:var(--acc)}
.en-signup .linkbtn{
  appearance:none;background:none;border:0;cursor:pointer;padding:0;
  font:400 14px/1.5 var(--sans);color:var(--acc);text-decoration:underline;
}
.en-signup .authalt{
  margin:20px 0 0;padding-top:18px;border-top:1px solid var(--line-2);
  font:400 14.5px/1.6 var(--sans);color:var(--dim);text-align:center;
}
.en-signup .authalt a{color:var(--acc);font-weight:500;text-decoration:none}
.en-signup .authalt a:hover{text-decoration:underline}
.en-signup .authcard p{margin:0 0 14px;font:400 15px/1.62 var(--sans);color:var(--mid)}
.en-signup .authcard h2{
  margin:0 0 10px;font:500 24px/1.22 var(--serif);
  letter-spacing:-.012em;color:var(--ink);
}
.en-signup .authcard a{color:var(--acc);font-weight:500}
.en-signup .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}


.en-signup .authwrap .authmsg,
.en-signup .authwrap .msg,
.en-signup .authwrap .formmsg{
  margin:13px 0 0;font:400 14px/1.55 var(--sans);color:#a8323f;
}


.en-signup .sk-side{
  grid-column:2;grid-row:1;
  position:sticky;top:calc(var(--hdr) + 22px);
  padding-left:clamp(16px,1.6vw,22px);border-left:1px solid var(--line);
}
.en-signup .sk-sh{
  margin:2px 0 14px;
  font:600 10.5px/1 var(--mono);letter-spacing:.15em;text-transform:uppercase;
  color:var(--ink-2);
}
.en-signup .sk-note{
  margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line-2);
  font:400 12.5px/1.62 var(--sans);color:var(--dim);
}
.en-signup .sk-note a{color:var(--acc);font-weight:500;text-decoration:none}

@media(max-width:940px){
  .en-signup .authwrap{grid-template-columns:1fr}
  .en-signup .authcard{max-width:none}
  .en-signup .sk-side{
    grid-column:1;grid-row:auto;
    position:static;padding-left:0;padding-top:20px;
    border-left:0;border-top:1px solid var(--line);
  }
}



.en-signup .sk-trail{list-style:none;margin:0;padding:0;display:grid;gap:0}
.en-signup .sk-step{
  position:relative;padding:0 0 18px 26px;
  font:400 13.5px/1.55 var(--sans);color:var(--dim);
}
.en-signup .sk-step:last-child{padding-bottom:0}

.en-signup .sk-step:not(:last-child)::before{
  content:"";position:absolute;left:5px;top:15px;bottom:2px;width:1px;
  background:var(--line);
}
.en-signup .sk-step::after{
  content:"";position:absolute;left:1px;top:4px;width:9px;height:9px;
  border-radius:50%;background:#fff;border:1.5px solid var(--line);
}
.en-signup .sk-step b{
  display:block;margin-bottom:2px;
  font:500 13.5px/1.4 var(--sans);color:var(--mid);
}
.en-signup .sk-step.done{color:var(--dim)}
.en-signup .sk-step.done::after{background:var(--acc-fill);border-color:var(--acc-fill)}
.en-signup .sk-step.done b{color:var(--mid)}
.en-signup .sk-step.now b{color:var(--acc)}
.en-signup .sk-step.now::after{
  background:#fff;border-color:var(--acc-fill);border-width:3px;
  width:11px;height:11px;left:0;top:3px;
}
.en-signup .sk-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.en-signup .sk-list li{
  position:relative;padding-left:24px;
  font:400 13.5px/1.6 var(--sans);color:var(--mid);
}
.en-signup .sk-list li b{display:block;font:500 13.5px/1.4 var(--sans);color:var(--ink-2);margin-bottom:2px}
.en-signup .sk-list li::before{
  content:"";position:absolute;left:2px;top:.42em;width:5px;height:9px;
  border-right:2px solid var(--acc-fill);border-bottom:2px solid var(--acc-fill);
  transform:rotate(45deg);
}
.en-signup .sk-list li.no::before{
  border:0;left:1px;top:.55em;width:9px;height:2px;background:#c2ccd2;
  transform:none;
}


.en-signup .authwrap p{font:400 15px/1.62 var(--sans);color:var(--dim);margin:16px 0 0}
.en-signup .authwrap > p a,
.en-signup .authalt a,
.en-signup .authcard p a{color:var(--acc);font-weight:500;text-decoration:none}
.en-signup .authwrap > p a:hover,
.en-signup .authalt a:hover{text-decoration:underline}




.en-signup .authwrap{
  grid-template-columns:minmax(0,520px) minmax(0,300px);
  justify-content:start;
  gap:clamp(24px,3vw,44px);
}


.en-signup .authwrap p.sk-lede{
  margin:0 0 4px;max-width:52ch;
  font:400 14.5px/1.6 var(--sans);color:var(--mid);
}
.en-signup .authwrap p.sk-lede[hidden]{display:none}


.en-signup .sk-side p.sk-body{
  margin:0;font:400 13.5px/1.62 var(--sans);color:var(--mid);
}
.en-signup .sk-side.sk-field .sk-sh{color:var(--acc)}

.en-signup .sk-side{transition:opacity .16s ease}
@media (prefers-reduced-motion:reduce){
  .en-signup .sk-side{transition:none}
}


.en-signup .authcard p.pwrule{
  margin:-12px 0 18px;max-width:46ch;
  font:400 12.5px/1.55 var(--sans);color:var(--dim);
}

.en-signup .authcard p.orgnote{
  margin:-12px 0 18px;max-width:46ch;
  font:400 12.5px/1.55 var(--sans);color:var(--dim);
}


.en-signup .sk-eye{
  appearance:none;background:none;border:0;padding:0;cursor:pointer;
  margin:-10px 0 18px;
  font:400 13px/1.5 var(--sans);color:var(--acc);text-decoration:underline;
}
.en-signup .sk-eye:hover{color:var(--acc-fill)}
.en-signup .sk-eye:focus-visible{outline:2px solid var(--acc);outline-offset:3px}


.en-signup #signup-aid{
  margin:14px 0 0;max-width:520px;
  font:400 14.5px/1.6 var(--sans);color:var(--mid);
}


.en-signup .authcard p.vfhead{
  margin:0 0 6px;font:500 17px/1.3 var(--serif);
  letter-spacing:-.01em;color:var(--ink);
}
.en-signup .authcard p.vfnote{
  margin:0 0 20px;font:400 14px/1.6 var(--sans);color:var(--mid);
}
.en-signup .authcard p.vfaid{margin:16px 0 0;font:400 14px/1.6 var(--sans);color:var(--dim)}
.en-signup .vfnext{
  display:block;margin-top:8px;
  font:400 13px/1.55 var(--sans);color:var(--dim);
}
.en-signup .authcard p.sunext{
  margin:12px 0 0;font:400 13.5px/1.55 var(--sans);color:var(--mid);
}
.en-signup .authcard p.suterms{
  margin:10px 0 0;padding-top:12px;border-top:1px solid var(--line-2);
  font:400 12.5px/1.6 var(--sans);color:var(--dim);
}
.en-signup .authcard p.suterms a{color:var(--acc);font-weight:500}

@media(max-width:940px){
  .en-signup .authwrap{grid-template-columns:1fr}
  .en-signup #signup-aid{max-width:none}
}

@media(min-width:941px){
  .en-signup .authwrap p.sk-lede{display:none}
}