/* Flexible signup surface: free space precedes social, never overlaps the fields. */
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] {
  --signup-content-top:clamp(32px,4vw,56px);
  --signup-content-bottom:max(24px,env(safe-area-inset-bottom,0px));
  --signup-control-height:50px;
  --signup-next-height:60px;
  --signup-subtitle-top:16px;
  --signup-subtitle-bottom:32px;
  --signup-row-gap:16px;
  --signup-next-gap:32px;
  --signup-divider-top:32px;
  --signup-divider-bottom:16px;
  display:block;
  width:auto;
  min-width:0;
  height:auto;
  min-height:100vh;
  min-height:100dvh;
  margin:0;
  padding:0;
  overflow-x:clip;
  overflow-y:auto;
  background-color:#171125;
}
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-stage {
  position:relative;
  isolation:isolate;
  display:block;
  width:100%;
  max-width:none;
  height:auto;
  min-height:100vh;
  min-height:100dvh;
  margin:0;
  overflow:visible;
  background-color:#171125;
}
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-stage::before,
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-stage::after { content:none; }
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-bg-layer {
  position:absolute;
  pointer-events:none;
  z-index:-1;
}
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-bg-layer--root {
  inset:0;
  width:100%;
  height:100%;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-bg-layer--silhouette {
  top:0;
  bottom:0;
  left:auto;
  right:0;
  width:min(55%,680px);
  height:100%;
  background-position:right center;
  background-size:auto 100%;
  background-repeat:no-repeat;
}
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-page__shell {
  --signup-panel-width:520px;
  --signup-header-height:0px;
  --signup-panel-offset:clamp(24px,2.5vw,40px);
  /* Align visible artwork/capitals, accounting for SVG inset and Manrope leading. */
  --signup-header-row-top:var(--signup-panel-offset);
  --signup-header-brand-top:calc(var(--signup-header-row-top) - 2.028px);
  --signup-header-controls-top:calc(var(--signup-header-row-top) - 22px + .342em);
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) min(var(--signup-panel-width),100%) minmax(0,1fr);
  width:100%;
  max-width:1280px;
  height:auto;
  min-height:100vh;
  min-height:100dvh;
  margin:0 auto;
  padding:0;
  overflow:visible;
  transform:none;
}
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-page__shell::before { content:none; }
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] :is(.na-auth-page__side,.na-auth-burger,.na-auth-mobile-toggle) { display:none; }
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-page__panel {
  box-sizing:border-box;
  grid-column:2;
  position:relative;
  z-index:4;
  inset:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  max-width:none;
  height:auto;
  min-height:calc(100vh - var(--signup-panel-offset));
  min-height:calc(100dvh - var(--signup-panel-offset));
  margin:var(--signup-panel-offset) 0 0;
  padding:var(--signup-content-top) 24px var(--signup-content-bottom);
  border-radius:60px 60px 0 0;
  overflow:hidden;
  transform:none;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-page__panel::before {
  inset:0;
  transform:none;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  pointer-events:none;
}
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-form {
  position:relative;
  inset:auto;
  z-index:1;
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  width:100%;
  max-width:none;
  min-width:0;
  height:auto;
  min-height:calc(100vh - var(--signup-panel-offset) - var(--signup-content-top) - var(--signup-content-bottom));
  min-height:calc(100dvh - var(--signup-panel-offset) - var(--signup-content-top) - var(--signup-content-bottom));
  margin:0;
  padding:0;
  transform:none;
}
/* Keep the native DOM order and usable controls when content exceeds the viewport. */
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-form > * { flex-shrink:0; }
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-form .na-auth-form__title {
  position:static;
  inset:auto;
  width:100%;
  max-width:100%;
  height:auto;
  min-height:0;
  margin:0 auto;
  transform:none;
  overflow-wrap:normal;
}
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-form .na-auth-form__subtitle {
  position:static;
  inset:auto;
  width:100%;
  max-width:380px;
  height:auto;
  margin:var(--signup-subtitle-top) auto var(--signup-subtitle-bottom);
  font-size:14px;
  line-height:20px;
  transform:none;
}
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-form > :is(.na-auth-field-wrap,.na-auth-pills,.na-auth-row,.na-auth-btn,.na-auth-divider,.na-auth-social) {
  box-sizing:border-box;
  position:relative;
  inset:auto;
  width:min(380px,100%);
  max-width:100%;
  min-width:0;
  margin-inline:auto;
  transform:none;
}
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-form .na-auth-field-wrap:first-of-type { margin-top:0; }
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-form .na-auth-pills {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:var(--signup-row-gap);
}
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-form .na-auth-row--triple {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:var(--signup-row-gap);
}
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-form :is(.na-auth-pill,.na-auth-select-wrap) { min-width:0; }
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-form :is(.na-auth-field,.na-auth-select,.na-auth-pill,.mkt-select-trigger) { height:var(--signup-control-height); }
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-form .na-auth-divider {
  display:grid;
  grid-template-columns:minmax(8px,1fr) auto minmax(8px,1fr);
  align-items:center;
  gap:12px;
  margin-top:auto;
  padding-top:var(--signup-divider-top);
  margin-bottom:var(--signup-divider-bottom);
  color:#81768f;
  font-size:12px;
  font-weight:400;
  line-height:18px;
  letter-spacing:normal;
  text-align:center;
}
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-form .na-auth-divider::before,
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-form .na-auth-divider::after {
  display:block;
  height:1px;
  background:#d9d1e4;
}
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-form .na-auth-social { margin-block:0; gap:12px; }
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-form .na-auth-social-btn {
  box-sizing:border-box;
  flex:0 0 44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  margin:0;
  padding:0;
  border:1px solid #d5cbe1;
  border-radius:12px;
  background:rgba(255,255,255,.72);
  box-shadow:none;
  filter:none;
  transform:none;
  transition:background-color 160ms ease,border-color 160ms ease;
}
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-form .na-auth-social-btn picture { display:flex; align-items:center; justify-content:center; width:20px; height:20px; }
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-form .na-auth-social-btn img { width:20px; height:20px; object-fit:contain; }
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-form .na-auth-social-btn:not(:disabled):is(:hover,:focus-visible) {
  background-color:#f7f3ff !important;
  border-color:#b7a4d0;
  box-shadow:none !important;
  transform:none;
}
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-form .na-auth-social-btn:focus-visible { outline:2px solid #7961b5; outline-offset:3px; }
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-form .na-auth-social-btn:disabled { opacity:.6; cursor:default; }
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] :is(.na-auth-page__brand,.na-auth-page__links) {
  position:absolute;
  top:var(--signup-header-brand-top);
  z-index:3;
  height:auto;
  margin:0;
  filter:none;
  transform:none;
}
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-page__brand {
  left:clamp(20px,4vw,60px);
  width:144px;
  display:flex;
  align-items:center;
}
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-page__brand :is(picture,img) { width:100%; height:auto; max-width:100%; }
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-page__links {
  left:auto;
  right:clamp(20px,4vw,60px);
  width:auto;
  display:flex;
  align-items:center;
  gap:20px;
  font-size:16px;
  line-height:28px;
  color:#e9e2f2;
}
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-page__links > :is(.na-auth-page__lang,a) {
  position:static;
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:auto;
  height:auto;
  margin:0;
  color:inherit;
  font:inherit;
  transform:none;
}
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-page__links :is(.na-auth-page__lang-text,.na-auth-page__login-text,.na-auth-page__chevron,.na-auth-page__login-arrow) {
  position:static;
  inset:auto;
  display:inline-block;
  margin:0;
  width:auto;
  height:auto;
  font:inherit;
  color:inherit;
  filter:none;
  transform:none;
}
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-page__links picture { display:inline-flex; align-items:center; }
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-page__links .na-auth-page__chevron { width:10px; }
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-page__links .na-auth-page__login-arrow { width:14px; }
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-page__links .na-auth-page__fallback { display:none; }
@media (max-width:991.98px) {
  body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-page__shell {
    --signup-panel-width:460px;
    --signup-header-height:var(--mkt-auth-header-height);
    --signup-panel-gap:20px;
    --signup-panel-offset:calc(var(--signup-header-height) + var(--signup-panel-gap));
    --signup-header-row-top:var(--mkt-auth-brand-top);
    --signup-header-brand-top:var(--signup-header-row-top);
    --signup-header-controls-top:var(--mkt-auth-controls-top);
  }
  /* Header plus air above the panel form one reserve, not two stacked spacers. */
  body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-page__panel {
    z-index:1;
    border-radius:40px 40px 0 0;
  }
  body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-page__shell::before {
    content:"";
    position:absolute;
    inset:0 0 auto;
    height:var(--signup-header-height);
    z-index:2;
    background:#171125;
  }
}
@media (max-width:767.98px) {
  body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] {
    --signup-content-top:clamp(24px,4vw,36px);
    --signup-subtitle-top:12px;
    --signup-subtitle-bottom:24px;
    --signup-row-gap:12px;
    --signup-next-gap:28px;
  }
  body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-page__shell { --signup-panel-gap:16px; }
}
@media (max-width:480px) {
  body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-page__shell { --signup-panel-gap:12px; }
  body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-page__panel { padding-inline:24px; }
  body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-page__brand { left:16px; width:108px; }
  body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-page__links { right:16px; gap:12px; font-size:14px; }
}
/* Reserve the icon space so neither the label nor the button moves on hover. */
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-form [data-signup-next] {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  height:var(--signup-next-height);
  margin-top:var(--signup-next-gap);
  padding:0 48px;
  border:0;
  border-radius:12px;
  background:#7961b5;
  color:#fff;
  box-shadow:0 3px 10px rgba(70,35,151,.12);
  font-size:16px;
  font-weight:500;
  line-height:22px;
  letter-spacing:normal;
  filter:none;
  transform:none;
  transition:background-color 180ms ease,box-shadow 180ms ease;
}
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-form [data-signup-next] > :is(picture,.na-auth-page__fallback) { display:none; }
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-form [data-signup-next] .na-auth-btn__text {
  position:static;
  inset:auto;
  display:inline-block;
  width:auto;
  height:auto;
  white-space:nowrap;
  transform:none;
}
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-form [data-signup-next] .signup-next__arrow {
  position:absolute;
  top:50%;
  right:24px;
  width:20px;
  height:20px;
  margin-top:-10px;
  opacity:0;
  transform:translateX(-6px);
  transition:opacity 180ms ease,transform 180ms ease;
}
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-form [data-signup-next]:not(:disabled):not([aria-disabled="true"]):is(:hover,:focus-visible) {
  background-color:#6b4bb2 !important;
  box-shadow:0 4px 12px rgba(70,35,151,.17) !important;
  transform:none;
}
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-form [data-signup-next]:not(:disabled):not([aria-disabled="true"]):is(:hover,:focus-visible) .signup-next__arrow { opacity:1; transform:translateX(0); }
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-form [data-signup-next]:focus-visible { outline:2px solid #7961b5; outline-offset:3px; }
body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-form [data-signup-next]:disabled { cursor:default; opacity:.55; box-shadow:none; }
@media (prefers-reduced-motion:reduce) {
  body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-form [data-signup-next],
  body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-form [data-signup-next] .signup-next__arrow,
  body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] .na-auth-form .na-auth-social-btn { transition:none; }
}
/* Short windows trade free space for compact intervals, then allow natural scroll. */
@media (max-height:700px) {
  body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] {
    --signup-content-top:clamp(24px,3vw,36px);
    --signup-subtitle-top:12px;
    --signup-subtitle-bottom:24px;
    --signup-row-gap:12px;
    --signup-next-gap:28px;
    --signup-divider-top:28px;
  }
}
@media (max-height:640px) {
  body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] {
    --signup-content-top:clamp(24px,3vw,40px);
    --signup-content-bottom:max(20px,env(safe-area-inset-bottom,0px));
    --signup-control-height:44px;
    --signup-next-height:48px;
    --signup-subtitle-top:10px;
    --signup-subtitle-bottom:18px;
    --signup-row-gap:12px;
    --signup-next-gap:24px;
    --signup-divider-top:24px;
    --signup-divider-bottom:14px;
  }
}
@media (max-height:560px) {
  body.na-auth-page.na-auth-page--create.page-signup-create[data-signup-layout="v1"] {
    --signup-content-top:8px;
    --signup-content-bottom:max(8px,env(safe-area-inset-bottom,0px));
    --signup-next-height:44px;
    --signup-subtitle-top:8px;
    --signup-subtitle-bottom:14px;
    --signup-row-gap:8px;
    --signup-next-gap:16px;
    --signup-divider-top:20px;
    --signup-divider-bottom:10px;
  }
}