.signup-page { padding-block:52px 90px; }
.signup-wrap { width:100%; max-width:660px; margin-inline:auto; }
.signup-header { display:flex; align-items:baseline; justify-content:space-between; gap:18px; margin-bottom:30px; }
.signup-page .signup-header h1 { margin:0; font-family:inherit; font-weight:600; font-size:clamp(27px,3vw,34px); line-height:1.3; letter-spacing:-.035em; }
.signup-page:lang(ar) .signup-header h1 { letter-spacing:0; }
.signup-header>p { margin:0; color:var(--account-muted); font-size:12px; line-height:1.8; }
.signup-header a { white-space:nowrap; margin-inline-start:3px; }
.signup-progress { list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding:0; margin:0 0 36px; }
.signup-progress>li { display:flex; align-items:center; gap:8px; padding-block:13px; border-bottom:2px solid var(--account-line); color:var(--account-muted); font-size:12px; line-height:1.6; }
.signup-progress>li[aria-current=step] { color:var(--account-ink); border-color:var(--account-accent); }
.signup-progress>li[data-complete=true] { border-color:color-mix(in srgb,var(--account-accent) 50%,transparent); }
.signup-step-number { display:inline-flex; flex-shrink:0; align-items:center; justify-content:center; width:24px; height:24px; background:var(--account-field); border:1px solid var(--account-line); border-radius:50%; font-size:11px; font-variant-numeric:tabular-nums; }
.signup-progress [aria-current=step] .signup-step-number { background:var(--account-accent); border-color:var(--account-accent); color:var(--account-accent-ink); }
.signup-step-heading { margin-bottom:27px; }
.signup-step-count { display:none; }
.signup-page .signup-step-heading h2 { font-family:inherit; font-size:21px; line-height:1.5; font-weight:550; letter-spacing:-.02em; margin:0 0 7px; }
.signup-page:lang(ar) .signup-step-heading h2 { letter-spacing:0; }
.signup-step-heading h2:focus { outline:0; }
.signup-step-heading>p:not(.signup-step-count) { color:var(--account-muted); font-size:13px; line-height:1.8; margin:0; }
.signup-form>section { min-width:0; }
.signup-form .account-field { margin-bottom:22px; }
.signup-page .account-field :is(input,select,textarea) { border-radius:7px; }
.signup-privacy-note { color:var(--account-muted); font-size:12px; line-height:1.9; margin:8px 0 0; }
.signup-privacy-note a { display:inline; margin-inline-start:4px; }
.signup-emails { border:0; border-top:1px solid var(--account-line); margin:32px 0 0; padding:25px 0 0; min-width:0; }
.signup-emails legend { float:inline-start; width:100%; padding:0; font-size:15px; font-weight:550; margin-bottom:7px; }
.signup-emails>p { clear:both; color:var(--account-muted); font-size:12px; line-height:1.85; margin:0 0 18px; }
.signup-check { display:flex; align-items:flex-start; gap:11px; font-size:13px; line-height:1.8; cursor:pointer; margin-block:15px; }
.signup-check>input { appearance:auto; flex:0 0 auto; width:17px; height:17px; margin:3px 0 0; padding:0; accent-color:var(--account-accent); cursor:pointer; }
.signup-check>input:focus-visible { outline:2px solid var(--account-accent); outline-offset:3px; }
.signup-check>span { min-width:0; }
.signup-check strong { display:block; font-weight:500; line-height:1.6; }
.signup-check strong+span { display:block; color:var(--account-muted); font-size:12px; line-height:1.7; margin-top:2px; }
.signup-emails .signup-email-required { margin:21px 0 0; font-size:11.5px; }
.signup-terms { border-top:1px solid var(--account-line); margin-top:25px; padding-top:10px; }
.signup-terms .signup-check { margin-bottom:4px; }
.signup-terms .account-field-error { display:block; padding-inline-start:28px; }
.signup-terms .account-field-error:empty { display:none; }
.signup-actions { display:flex; align-items:center; gap:16px; border-top:1px solid var(--account-line); padding-top:22px; margin-top:30px; }
.signup-actions>.account-submit { width:auto; min-width:140px; min-height:43px; border-radius:7px; font-size:13px; padding:11px 19px; }
.signup-actions>.account-submit>span { font-size:17px; line-height:1; }
.signup-back { border:1px solid var(--account-line); background:transparent; color:var(--account-ink); border-radius:7px; min-height:43px; padding:10px 18px; font:inherit; font-size:13px; cursor:pointer; }
.signup-back:hover { background:var(--account-field); }
.signup-back:disabled { cursor:wait; opacity:.6; }
.signup-progress-status { margin-inline-end:auto; color:var(--account-muted); font-size:11px; }
.signup-page [hidden] { display:none!important; }
.signup-form[aria-busy] .signup-check { cursor:wait; }
.signup-confirmation { border-top:1px solid var(--account-line); padding-top:30px; max-width:540px; }
.signup-page .signup-confirmation h2 { font-family:inherit; font-size:22px; margin:0 0 12px; font-weight:550; }
.signup-confirmation h2:focus { outline:0; }
.signup-confirmation p { color:var(--account-muted); font-size:13px; line-height:1.9; margin:13px 0; }
.signup-confirmation .signup-confirmation-email { color:var(--account-ink); font-size:15px; overflow-wrap:anywhere; text-align:start; }
.signup-confirmation-actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; margin-block:26px; }
.signup-confirmation-actions .account-submit { width:auto; border-radius:7px; }
.signup-confirmation-actions>a:not(.account-submit) { font-size:12px; }
@media(max-width:700px) {
  .signup-header { display:block; margin-bottom:22px; }
  .signup-header>p { margin-top:10px; }
  .signup-page .signup-header h1 { font-size:29px; }
  .signup-progress { gap:12px; margin-bottom:27px; }
  .signup-progress>li { gap:7px; font-size:11px; }
  .signup-step-number { width:21px; height:21px; font-size:10px; }
  .signup-actions { gap:12px; }
  .signup-actions>.account-submit { min-width:125px; }
}
@media(max-width:420px) {
  .signup-progress { gap:7px; }
  .signup-progress>li { display:block; padding-block:11px; font-size:10.5px; }
  .signup-step-number { display:flex; margin-bottom:6px; }
  .signup-actions { flex-wrap:wrap; }
  .signup-actions .signup-progress-status { display:none; }
  .signup-actions>.account-submit { margin-inline-start:auto; }
}