@font-face{font-family:"Manrope";font-style:normal;font-weight:400;font-display:block;src:url("../../account/favorite-page/fonts/manrope/Manrope-400.ttf") format("truetype");}
@font-face{font-family:"Manrope";font-style:normal;font-weight:500;font-display:block;src:url("../../account/favorite-page/fonts/manrope/Manrope-500.ttf") format("truetype");}
@font-face{font-family:"Manrope";font-style:normal;font-weight:600;font-display:block;src:url("../../account/favorite-page/fonts/manrope/Manrope-600.ttf") format("truetype");}
@font-face{font-family:"Manrope";font-style:normal;font-weight:700;font-display:block;src:url("../../account/favorite-page/fonts/manrope/Manrope-700.ttf") format("truetype");}
.na-auth-page{
  --na-purple:#6d45ea;
  --na-purple-2:#7b5bff;
  --na-dark:#151230;
  --na-dark-2:#0f0c23;
  --na-border:#b7a4f8;
  --na-cream:#f8f5f6;
}

.na-auth-page{margin:0;padding:0;background:#120e24;}
.na-auth-page,.na-auth-page *,.na-auth-page *::before,.na-auth-page *::after{box-sizing:border-box;}
.na-auth-page{font-family:"Manrope",sans-serif;}
.na-auth-page a,.na-offer-popup a{text-decoration:none;}
.na-auth-page img,.na-offer-popup img,.maktaro-video-section img{max-width:100%;display:block;}
.na-auth-page picture{display:contents;}

/* exact figma sections kept */
.maktaro-what-section{padding:48px 0 76px;background:#fff;}
.maktaro-what-section__title{margin:0 0 40px;font-size:60px;font-weight:500;line-height:1.03;letter-spacing:-.03em;color:#111;}
.maktaro-what-section__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:44px;text-align:center;}
.maktaro-what-section__value,.maktaro-what-section__label{font-size:80px;line-height:.94;font-weight:500;letter-spacing:-.04em;color:#6b46df;}
.maktaro-what-section__label{display:block;margin-top:10px;font-size:32px;line-height:1;font-weight:400;letter-spacing:-.03em;}
.maktaro-what-section__sub{margin-top:12px;font-size:18px;line-height:1.25;color:#111;}
.maktaro-what-section__quote{position:relative;border-radius:42px;padding:58px 96px 88px 60px;background:linear-gradient(180deg,#f2eff7 0%,#efedf4 100%);overflow:hidden;}
.maktaro-what-section__quote p{max-width:820px;margin:0;font-size:23px;line-height:1.6;color:#111;letter-spacing:-.02em;}
.maktaro-what-section__quote-mark{position:absolute;right:34px;bottom:24px;font-size:132px;line-height:.8;color:#6b46df;font-weight:700;}
.maktaro-video-section{padding:78px 0 92px;background:#f3f3f3 url("../../banners/video-pattern.svg") center top/cover no-repeat;}
.maktaro-video-section__title{margin:0 0 40px;font-size:64px;line-height:1.03;font-weight:500;letter-spacing:-.04em;color:#111;text-align:center;}
.maktaro-video-section__cover{display:block;position:relative;width:min(100%,830px);margin:0 auto;padding:0;border:0;background:transparent;cursor:pointer;}
.maktaro-video-section__cover img{display:block;width:100%;height:auto;border-radius:34px;}
.maktaro-video-section__overlay{position:absolute;inset:0;border-radius:34px;background:linear-gradient(90deg,rgba(133,97,255,.12),rgba(143,115,241,.28));}
.maktaro-video-section__play{position:absolute;left:50%;top:50%;width:96px;height:84px;transform:translate(-50%,-56%);background:var(--na-purple);border-radius:26px;box-shadow:0 14px 40px rgba(109,69,234,.35);}
.maktaro-video-section__play:before{content:"";position:absolute;left:38px;top:23px;border-left:28px solid #fff;border-top:18px solid transparent;border-bottom:18px solid transparent;}
.maktaro-video-section__play-text{position:absolute;left:50%;top:calc(50% + 50px);transform:translateX(-50%);font-size:22px;color:#fff;}
.maktaro-video-section__iframe-wrap{display:none;width:min(100%,830px);margin:0 auto;}
.maktaro-video-section__iframe-wrap.is-active{display:block;}
.maktaro-video-section__iframe-wrap iframe{display:block;width:100%;aspect-ratio:830/490;border:0;border-radius:34px;}

/* popup */
.na-offer-popup{position:fixed;inset:0;z-index:1065;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(43,26,82,.58);backdrop-filter:blur(1.5px);}
.na-offer-popup.is-open{display:flex;}
.na-offer-popup__dialog{position:relative;width:292px;background:#fff;border-radius:26px;padding:18px 18px 16px;text-align:center;box-shadow:0 24px 64px rgba(32,16,77,.22);}
.na-offer-popup__close{position:absolute;top:14px;right:14px;width:20px;height:20px;border:0;background:transparent;padding:0;cursor:pointer;}
.na-offer-popup__close::before,.na-offer-popup__close::after{content:"";position:absolute;left:9px;top:1px;width:1.5px;height:18px;background:#8d6df0;border-radius:4px;}
.na-offer-popup__close::before{transform:rotate(45deg);} .na-offer-popup__close::after{transform:rotate(-45deg);} 
.na-offer-popup__hero{width:112px;height:auto;margin:0 auto 8px;}
.na-offer-popup__title{max-width:210px;margin:0 auto 10px;font-size:24px;line-height:1.04;font-weight:600;letter-spacing:-.03em;color:#6d45ea;}
.na-offer-popup__list{list-style:none;margin:0 auto 14px;padding:0;max-width:210px;text-align:left;display:grid;gap:7px;}
.na-offer-popup__list li{position:relative;padding-left:14px;font-size:12px;line-height:1.45;color:#2c2733;}
.na-offer-popup__list li::before{content:"";position:absolute;left:0;top:.44em;width:7px;height:7px;border-radius:50%;background:#f1b54e;}
.na-offer-popup__cta{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:40px;border:0;border-radius:12px;background:#734ff0;color:#fff;font-size:15px;font-weight:700;box-shadow:0 12px 28px rgba(115,79,240,.24);}
.na-offer-popup__cta:hover{background:#603ad3;color:#fff;}
.na-offer-popup__cta svg{width:14px;height:14px;}

@media (max-width:1200px){.na-offer-popup__dialog{width:286px;}}
@media (max-width:960px){.na-offer-popup__dialog{width:270px;}}
@media (max-width:640px){.na-offer-popup__dialog{width:248px;}.na-offer-popup__title{font-size:20px;}}
@media (max-width:320px){.na-offer-popup__dialog{width:220px;}}


/* auth pages */
.na-auth-page{
  min-height:100vh;
  margin:0;
  background:radial-gradient(900px 420px at 50% -10%, rgba(121,84,255,.14), rgba(18,15,40,0) 55%), linear-gradient(180deg,#14102d 0%,#0f0b23 100%);
  color:#111;
  font-family:"Manrope",sans-serif;
  display:flex;
  justify-content:center;
  padding:0;
  overflow:hidden;
}
.na-auth-stage{
  position:relative;
  width:min(1280px,100%);
}
.na-auth-page__brand,
.na-auth-page__links{
  position:absolute;
  top:30px;
  z-index:3;
}
.na-auth-page__brand{left:60px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;}
.na-auth-page__brand:hover{color:#fff;text-decoration:none;}
.na-auth-page__brand img{
  display:block;
  width:142px;
  height:30px;
  object-fit:contain;
}
.na-auth-page__brand-dot{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#bf9bff,#6d45ea 70%);display:block;box-shadow:0 0 10px rgba(164,132,255,.45);}
.na-auth-page__links{right:60px;display:flex;align-items:center;gap:28px;font-size:18px;line-height:1;}
.na-auth-page__links a,
.na-auth-page__lang{color:#fff;opacity:.94;text-decoration:none;}
.na-auth-page__links a:hover{color:#fff;opacity:1;}
.na-auth-page__chevron,
.na-auth-page__login-arrow{display:none;}
.na-auth-burger{
  display:none;
  width:28px;
  height:22px;
  padding:0;
  border:0;
  background:
    linear-gradient(#8d6df0,#8d6df0) center 4px/100% 2px no-repeat,
    linear-gradient(#8d6df0,#8d6df0) center/100% 2px no-repeat,
    linear-gradient(#8d6df0,#8d6df0) center calc(100% - 4px)/100% 2px no-repeat;
}
.na-auth-mobile-toggle{
  display:none;
  align-items:center;
  justify-content:flex-end;
  width:40px;
  height:20px;
  padding:0;
  border:0;
  border-radius:15px;
  background:#6d45ea;
  box-shadow:0 2px 5.6px rgba(103,62,218,.35);
}
.na-auth-mobile-toggle img{
  display:block;
  width:20px;
  height:20px;
  object-fit:cover;
}

.na-auth-page__shell{
  position:relative;
  display:grid;
  grid-template-columns:minmax(120px,1fr) 410px minmax(120px,1fr);
  min-height:800px;
}
.na-auth-page__side{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(82px 126px at 28% 52%, rgba(88,58,189,.42), rgba(88,58,189,0) 72%),
    radial-gradient(74px 122px at 52% 62%, rgba(96,66,214,.22), rgba(96,66,214,0) 72%),
    linear-gradient(180deg,#161234 0%,#0d0a22 100%);
}
.na-auth-page__side::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(28px 38px at 66% 30%, rgba(255,255,255,.07), rgba(255,255,255,0) 70%),
    radial-gradient(48px 90px at 78% 52%, rgba(255,255,255,.03), rgba(255,255,255,0) 70%),
    radial-gradient(22px 24px at 72% 76%, rgba(255,255,255,.035), rgba(255,255,255,0) 70%);
  opacity:.95;
}
.na-auth-page__side--right::before{
  background:
    radial-gradient(30px 40px at 55% 28%, rgba(255,255,255,.075), rgba(255,255,255,0) 70%),
    radial-gradient(52px 100px at 56% 52%, rgba(255,255,255,.035), rgba(255,255,255,0) 70%),
    radial-gradient(18px 18px at 56% 76%, rgba(255,255,255,.03), rgba(255,255,255,0) 70%),
    radial-gradient(86px 130px at 62% 54%, rgba(92,63,200,.28), rgba(92,63,200,0) 72%);
}
.na-auth-page__panel{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:700px;
  margin:auto 0;
  padding:60px 32px 40px;
  border-radius:60px;
  background:
    radial-gradient(150px 160px at 82% 28%, rgba(255,245,233,.92), rgba(255,245,233,0) 62%),
    linear-gradient(110deg,#f6f1f4 0%,#ffffff 44%,#f3edf1 100%);
  overflow:hidden;
}
.na-auth-page__panel{
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28);
}

.maktaro-video-section__inner{
  max-width: 930px;
  margin: 0 auto;
}

.maktaro-video-section__title{
  margin: 0 0 40px;
  font-size: 64px;
  line-height: 1.03;
  font-weight: 500;
  letter-spacing: -.04em;
  color: #111;
  text-align: center;
}

.maktaro-video-section__cover{
  display:block;
  position:relative;
  width:min(100%,830px);
  margin:0 auto;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
}

.maktaro-video-section__cover img{
  display:block;
  width:100%;
  height:auto;
  border-radius:34px;
  box-shadow:0 2px 90px 0 rgba(60, 26, 154, 0.34);
}

.maktaro-video-section__overlay{
  position:absolute;
  inset:0;
  border-radius:34px;
  background:linear-gradient(90deg,rgba(109,69,234,.12),rgba(123,91,255,.22));
}

.maktaro-video-section__play{
  position:absolute;
  left:50%;
  top:50%;
  width:96px;
  height:84px;
  transform:translate(-50%,-56%);
  background:var(--na-purple);
  border-radius:26px;
  box-shadow:0 14px 40px rgba(109,69,234,.35);
}

.maktaro-video-section__play:before{
  content:"";
  position:absolute;
  left:38px;
  top:23px;
  border-left:28px solid #fff;
  border-top:18px solid transparent;
  border-bottom:18px solid transparent;
}

.maktaro-video-section__play-text{
  position:absolute;
  left:50%;
  top:calc(50% + 50px);
  transform:translateX(-50%);
  font-size:22px;
  color:#fff;
}

.maktaro-video-section__iframe-wrap{
  display:none;
  width:min(100%,830px);
  margin:0 auto;
}

.maktaro-video-section__iframe-wrap.is-active{
  display:block;
}

.maktaro-video-section__iframe-wrap iframe{
  display:block;
  width:100%;
  aspect-ratio:830/490;
  border:0;
  border-radius:34px;
  box-shadow:0 2px 90px 0 rgba(60, 26, 154, 0.34);
}
.na-auth-page__panel::before{
  content:"";
  position:absolute;
  inset:-3% -42% -2% -18%;
  background:
    radial-gradient(40% 60% at 55% 62%, rgba(255,255,255,.18), rgba(255,255,255,0) 65%),
    linear-gradient(116deg, rgba(255,255,255,0) 28%, rgba(255,255,255,.55) 48%, rgba(255,255,255,0) 70%);
  transform:rotate(20deg);
  opacity:.7;
  pointer-events:none;
}
.na-auth-form{
  position:relative;
  z-index:1;
  width:295px;
  text-align:center;
  padding-top:0;
}
.na-auth-form__title{margin:0;color:#6d45ea;font-size:50px;line-height:1.02;font-weight:500;letter-spacing:-.04em;}
.na-auth-form__subtitle{margin:18px 0 18px;font-size:20px;line-height:1.35;color:#6d45ea;}
.na-auth-field,.na-auth-select,.na-auth-pill,.na-auth-btn,.na-auth-social-btn{font-family:inherit;}
.na-auth-field-wrap{position:relative;}
.na-auth-select-wrap{position:relative;}
.na-auth-field-wrap+.na-auth-field-wrap{margin-top:10px;}
.na-auth-field,.na-auth-select{width:100%;height:40px;border:1px solid var(--na-border);border-radius:14px;background:rgba(255,255,255,.42);color:#6d45ea;padding:0 14px;font-size:16px;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;}
.na-auth-field::placeholder{color:#b3a8d1;}
.na-auth-field-wrap--arrow::after,.na-auth-select-wrap::after{content:"";position:absolute;right:11px;top:50%;width:7px;height:7px;transform:translateY(-65%) rotate(45deg);pointer-events:none;border-right:1.25px solid #b2a0e8;border-bottom:1.25px solid #b2a0e8;}
.na-auth-row{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:5px;}
.na-auth-row--triple{grid-template-columns:40px 1fr 62px;}
.na-auth-pills{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:5px;}
.na-auth-pill{height:24px;border:1px solid var(--na-border);border-radius:8px;background:rgba(255,255,255,.45);color:#8c7ed2;font-size:8.2px;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;padding:0 8px;}
.na-auth-pill{position:relative;}
/* Native checked state owns selection; keep radios keyboard-accessible without repainting the Figma glyph. */
.na-auth-pill input{position:absolute;display:block;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}
.na-auth-pill:has(input:focus-visible){outline:auto;outline-offset:2px;}
.na-auth-pill__dot{width:8px;height:8px;border-radius:50%;border:1px solid var(--na-border);background:#fff;display:inline-block;position:relative;}
.na-auth-pill:has(input:checked){background:#f6f1ff;color:#6d45ea;}
.na-auth-pill:has(input:checked) .na-auth-pill__dot::after{content:"";position:absolute;inset:1.4px;border-radius:50%;background:#6d45ea;}
.na-auth-btn{display:flex;align-items:center;justify-content:center;width:100%;height:48px;border:0;border-radius:15px;background:#734ff0;color:#fff;font-size:19px;font-weight:500;cursor:pointer;margin-top:12px;box-shadow:0 2px 5.6px rgba(103,62,218,.45);}
.na-auth-btn:hover{background:#6644df;color:#fff;text-decoration:none;}
.na-auth-btn--ghost{margin-top:8px;background:#c2c2c2;color:#fff;}
.na-auth-btn--ghost:hover{background:#c2c2c2;}
.na-auth-divider{display:flex;align-items:center;gap:9px;margin:18px 0 18px;color:#8f82bc;font-size:14px;justify-content:center;}
.na-auth-divider::before,.na-auth-divider::after{content:"";height:1px;background:#c5b7ff;flex:1;}
.na-auth-social{display:flex;justify-content:center;gap:10px;}
.na-auth-social-btn{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:15px;border:2px solid var(--na-border);background:transparent;font-weight:700;font-size:22px;box-shadow:0 2px 5.6px rgba(103,62,218,.45);overflow:hidden;}
.na-auth-social-btn img{display:block;width:100%;height:100%;object-fit:contain}
.na-auth-social-btn--google{color:#4285f4;}
.na-auth-social-btn--facebook{color:#1877f2;}
.na-auth-checks{margin-top:10px;text-align:left;display:grid;gap:6px;}
.na-auth-check{display:grid;grid-template-columns:10px 1fr;gap:7px;align-items:flex-start;font-size:8px;line-height:1.45;color:#666;}
.na-auth-check input{
  appearance:none;
  width:9px;
  height:9px;
  margin:0;
  border:1px solid var(--na-border);
  border-radius:2px;
  background:#fff;
  position:relative;
  top:1px;
}
.na-auth-check input:checked{background-color:#fff;}
.na-auth-check input:checked::after{content:"";position:absolute;left:2px;top:.5px;width:3.5px;height:6px;border-right:1.25px solid #6d45ea;border-bottom:1.25px solid #6d45ea;transform:rotate(45deg);}
.na-auth-check a{color:#6d45ea;text-decoration:none;}
.na-auth-legal{
  margin:14px 0 0;
  font-size:9px;
  line-height:1.45;
  color:#000;
}
.na-auth-legal a{color:#6d45ea;text-decoration:underline;}

@media (min-width:641px){
  .na-auth-page--create{
    min-height:855px;
    background:
      radial-gradient(420px 520px at 22% 57%, rgba(118,85,255,.46), rgba(24,18,50,0) 68%),
      radial-gradient(520px 520px at 64% 25%, rgba(255,255,255,.08), rgba(16,12,34,0) 66%),
      radial-gradient(520px 620px at 92% 60%, rgba(83,62,160,.16), rgba(16,12,34,0) 70%),
      linear-gradient(180deg,#171329 0%,#120e24 100%);
  }
  .na-auth-page--create .na-auth-stage{
    width:1280px;
    max-width:100%;
    overflow:hidden;
    background:#120e24;
  }
  .na-auth-page--create .na-auth-stage::before,
  .na-auth-page--create .na-auth-stage::after{
    content:none;
  }
  .na-auth-page--create .na-auth-bg-layer{
    position:absolute;
    pointer-events:none;
  }
  .na-auth-page--create .na-auth-bg-layer--root{
    left:0;
    top:-1px;
    width:1200px;
    height:801.5625px;
    z-index:0;
    background:
      radial-gradient(640px 760px at 28% 54%, rgba(149,112,255,.16), rgba(16,16,16,.29) 72%),
      linear-gradient(90deg, rgba(181,127,255,.08), rgba(255,255,255,0) 47%),
      linear-gradient(270deg, rgba(181,127,255,.25), rgba(255,255,255,0) 51%),
      linear-gradient(rgba(5,5,5,.77), rgba(5,5,5,.77)),
      image-set(url("../images/auth-bg-abstract-figma.webp") type("image/webp"), url("../../account/images/account-created/raw-01.jpeg") type("image/png")) center center/cover no-repeat;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-bg-layer--root{
    top:0;
    width:1280px;
    height:855px;
    background:image-set(url("../images/auth-forgot-1280-bg-root-figma.webp") type("image/webp"), url("../../graphics/raster/9ef9dc16d3a052b18b04ef56.webp") type("image/webp")) center center/100% 100% no-repeat;
  }
  .na-auth-page--step2 .na-auth-bg-layer--root{
    top:0;
    width:1280px;
    height:855px;
    background:image-set(url("../images/auth-forgot-1280-bg-root-figma.webp") type("image/webp"), url("../../graphics/raster/9ef9dc16d3a052b18b04ef56.webp") type("image/webp")) center center/100% 100% no-repeat;
  }
  .na-auth-page--create .na-auth-bg-layer--silhouette{
    z-index:0;
    left:543.75px;
    top:-1px;
    width:532.5px;
    height:801.5625px;
    background:image-set(url("../../banners/auth-silhouette.svg") type("image/svg+xml"), url("../../graphics/raster/4e67c2f96bb88c7b096b94da.webp") type("image/webp")) center center/cover no-repeat;
    opacity:.12;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-bg-layer--silhouette{
    left:712px;
    top:0;
    width:568px;
    height:855px;
    background:url("../../banners/auth-silhouette.svg") center center/100% 100% no-repeat;
    opacity:1;
  }
  .na-auth-page--step2 .na-auth-bg-layer--silhouette{
    left:712px;
    top:0;
    width:568px;
    height:855px;
    background:url("../../banners/auth-silhouette.svg") center center/100% 100% no-repeat;
    opacity:1;
  }
  .na-auth-page--create .na-auth-page__shell{
    position:relative;
    z-index:1;
    grid-template-columns:minmax(0,366px) 468px minmax(0,366px);
    min-height:855px;
  }
  .na-auth-page--create .na-auth-page__side{
    background:transparent;
  }
  .na-auth-page--create .na-auth-page__side::before{
    background:none;
  }
  .na-auth-page--create .na-auth-page__side--right{
    background:transparent;
  }
  .na-auth-page--create .na-auth-page__side--right::before{
    background:none;
  }
  .na-auth-page--create .na-auth-page__panel{
    min-height:802px;
    height:802px;
    margin:0;
    border-radius:0;
    align-items:flex-start;
    justify-content:center;
    padding:96px 0 0;
    background:image-set(url("../images/auth-bg-abstract-figma.webp") type("image/webp"), url("../../account/images/account-created/raw-01.jpeg") type("image/png")) center center/auto 100% no-repeat;
    box-shadow:0 4px 40px rgba(0,0,0,.25);
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__panel{
    background:image-set(url("../images/auth-signup-step1-1280-panel-group-figma.webp") type("image/webp"), url("../../graphics/raster/4c7075b26b7e23b4fdea08b7.webp") type("image/webp")) center center/100% 100% no-repeat;
  }
  .na-auth-page--step2 .na-auth-page__panel{
    background:image-set(url("../images/auth-signup-step1-1280-panel-group-figma.webp") type("image/webp"), url("../../graphics/raster/4c7075b26b7e23b4fdea08b7.webp") type("image/webp")) center center/100% 100% no-repeat;
  }
  .na-auth-page--create .na-auth-page__panel::before{
    inset:0;
    background:
      radial-gradient(300px 260px at 74% 20%, rgba(255,244,225,.42), rgba(255,244,225,0) 66%),
      linear-gradient(116deg, rgba(255,255,255,0) 33%, rgba(255,255,255,.28) 52%, rgba(255,255,255,0) 70%);
    transform:none;
    opacity:1;
  }
  .na-auth-page--create .na-auth-form{
    width:375px;
  }
  .na-auth-page--create .na-auth-form__title{
    width:375px;
    min-height:94px;
    font-size:46.875px;
    line-height:46.875px;
    letter-spacing:0;
  }
  .na-auth-page--create .na-auth-form__subtitle{
    width:286px;
    margin:15px auto 37.5px;
    color:#000;
    font-size:13.125px;
    line-height:17.93px;
  }
  .na-auth-page--create .na-auth-field-wrap,
  .na-auth-page--create .na-auth-pills,
  .na-auth-page--create .na-auth-row,
  .na-auth-page--create .na-auth-btn,
  .na-auth-page--create .na-auth-divider,
  .na-auth-page--create .na-auth-social{
    width:295px;
    margin-left:auto;
    margin-right:auto;
  }
  .na-auth-page--create .na-auth-field-wrap,
  .na-auth-page--create .na-auth-pills,
  .na-auth-page--create .na-auth-row,
  .na-auth-page--create .na-auth-btn,
  .na-auth-page--create .na-auth-divider,
  .na-auth-page--create .na-auth-social{
    width:276.5625px;
  }
  .na-auth-page--create .na-auth-field,
  .na-auth-page--create .na-auth-select{
    height:46.875px;
    border-color:#673eda;
    border-radius:15px;
    background:rgba(255,255,255,.24);
    color:#9a9a9a;
    font-size:15px;
    padding:0 14px;
  }
  .na-auth-page--create .na-auth-field::placeholder{color:#a6a6a6;}
  .na-auth-page--create .na-auth-pills{
    gap:9.375px;
    margin-top:11.25px;
  }
  .na-auth-page--create .na-auth-pill{
    height:46.875px;
    border-color:#673eda;
    border-radius:15px;
    justify-content:flex-start;
    padding:0 15px;
    gap:7.5px;
    color:#9a9a9a;
    font-size:15px;
  }
  .na-auth-page--create .na-auth-pill__dot{
    width:15px;
    height:15px;
    border-color:#9a9a9a;
  }
  .na-auth-page--create .na-auth-pill:has(input:checked){
    background:rgba(255,255,255,.14);
    color:#673eda;
  }
  .na-auth-page--create .na-auth-pill:has(input:checked) .na-auth-pill__dot::after{
    inset:3.75px;
    background:#673eda;
  }
  .na-auth-page--create .na-auth-row{
    gap:9.375px;
    margin-top:11.25px;
  }
  .na-auth-page--create .na-auth-row--triple{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }
  .na-auth-page--create .na-auth-select-wrap::after{
    right:14px;
    width:13px;
    height:11px;
    border:0;
    background:#a6a6a6;
    transform:translateY(-45%);
    clip-path:polygon(50% 100%,0 0,100% 0);
  }
  .na-auth-page--create .na-auth-field-wrap--arrow::after{
    right:14px;
    width:13px;
    height:11px;
    border:0;
    background:#a6a6a6;
    transform:translateY(-45%);
    clip-path:polygon(50% 100%,0 0,100% 0);
  }
  .na-auth-page--create .na-auth-btn{
    height:56.25px;
    margin-top:28px;
    border-radius:15px;
    background:#7950e5;
    font-size:18.75px;
    line-height:25px;
    box-shadow:none;
  }
  .na-auth-page--create .na-auth-divider{
    gap:15px;
    margin-top:37.5px;
    margin-bottom:17px;
    color:#673eda;
    font-size:13.125px;
    line-height:9.375px;
  }
  .na-auth-page--create .na-auth-divider::before,
  .na-auth-page--create .na-auth-divider::after{
    background:#673eda;
  }
  .na-auth-page--create .na-auth-social{
    gap:9.375px;
  }
  .na-auth-page--create .na-auth-social-btn{
    width:46.875px;
    height:46.875px;
    border-color:#673eda;
    border-radius:15px;
    box-shadow:0 1.875px 4px rgba(103,62,218,.28);
  }
  .na-auth-page--create .na-auth-social-btn img{
    width:28.125px;
    height:28.125px;
  }
  .na-auth-page--create .na-auth-page__brand{
    left:56px;
    top:36.5px;
    font-size:25px;
    line-height:28px;
    letter-spacing:.12em;
    gap:15px;
  }
  .na-auth-page--create .na-auth-page__brand-dot{
    width:25px;
    height:25px;
  }
  .na-auth-page--create .na-auth-page__links{
    right:56px;
    top:27px;
    height:47px;
    gap:15px;
    font-size:18px;
    line-height:24px;
  }
  .na-auth-page--create .na-auth-page__lang{
    color:#7653d9;
  }
  .na-auth-page--step2 .na-auth-form__subtitle{
    margin:15px auto 37.5px;
  }
  .na-auth-page--step2 .na-auth-step2-stack{
    width:276.5625px;
    margin:0 auto;
    text-align:left;
  }
  .na-auth-page--step2 .na-auth-step2-label{
    display:block;
    min-height:16.875px;
    margin:0 0 11.25px;
    color:#000;
    font-size:13.125px;
    line-height:16.875px;
    font-weight:400;
  }
  .na-auth-page--step2 .na-auth-step2-label:not(:first-child){
    margin-top:21px;
  }
  .na-auth-page--step2 .na-auth-pills,
  .na-auth-page--step2 .na-auth-row{
    width:276.5625px;
  }
  .na-auth-page--step2 .na-auth-checks{
    width:218px;
    margin:38px auto 0;
    gap:9.375px;
  }
  .na-auth-page--step2 .na-auth-check{
    grid-template-columns:14.0625px 1fr;
    gap:9.375px;
    font-size:8.4375px;
    line-height:11.7px;
    color:#000;
  }
  .na-auth-page--step2 .na-auth-check input{
    width:14.0625px;
    height:14.0625px;
    border-color:#673eda;
    border-radius:3px;
  }
  .na-auth-page--step2 .na-auth-check input:checked{
    background:#6d45ea;
  }
  .na-auth-page--step2 .na-auth-check input:checked::after{
    border-color:#fff;
    left:4px;
    top:2px;
  }
  .na-auth-page--step2 .na-auth-btn{
    margin-top:35px;
  }
  .na-auth-page--step2 .na-auth-btn--ghost{
    margin-top:9.375px;
    background:#c2c2c2;
    color:#fff;
  }
  .na-auth-page--step2 .na-auth-divider{
    margin-top:10px;
    margin-bottom:16px;
  }
}

/* Figma-source mobile auth frames. These are separate 640/480/320 designs, not scaled desktop cards. */
@media (max-width:640px){
  .na-auth-page--create{
    padding:0;
    align-items:flex-start;
    overflow:hidden;
    background:#120e24;
  }
  .na-auth-page--create .na-auth-stage{
    --frame-h:855px;
    --bg-x:0px;
    --bg-y:0px;
    --bg-w:640px;
    --bg-h:855px;
    --silhouette-x:270px;
    --silhouette-y:0px;
    --silhouette-w:568px;
    --silhouette-h:855px;
    --panel-x:0px;
    --panel-y:90px;
    --panel-w:640px;
    --panel-h:765px;
    --title-x:120px;
    --title-y:142px;
    --title-w:400px;
    --title-h:100px;
    --title-size:50px;
    --title-line:50px;
    --subtitle-x:168px;
    --subtitle-y:258px;
    --subtitle-w:305px;
    --subtitle-size:14px;
    --subtitle-line:19.124px;
    --controls-x:173px;
    --field-y:317px;
    --field-gap:12px;
    --button-gap:30px;
    --divider-gap:40px;
    width:100%;
    height:var(--frame-h);
    min-height:var(--frame-h);
    overflow:hidden;
    background:#120e24;
  }
  .na-auth-page--step2 .na-auth-stage{
    --silhouette-x:314px;
  }
  .na-auth-page--create .na-auth-bg-layer{
    position:absolute;
    pointer-events:none;
  }
  .na-auth-page--create .na-auth-bg-layer--root{
    left:var(--bg-x);
    top:var(--bg-y);
    width:var(--bg-w);
    height:var(--bg-h);
    z-index:0;
    background:
      radial-gradient(640px 760px at 28% 54%, rgba(149,112,255,.16), rgba(16,16,16,.29) 72%),
      linear-gradient(90deg, rgba(181,127,255,.08), rgba(255,255,255,0) 47%),
      linear-gradient(270deg, rgba(181,127,255,.25), rgba(255,255,255,0) 51%),
      linear-gradient(rgba(5,5,5,.77), rgba(5,5,5,.77)),
      image-set(url("../images/auth-bg-abstract-figma.webp") type("image/webp"), url("../../account/images/account-created/raw-01.jpeg") type("image/png")) center center/cover no-repeat;
  }
  .na-auth-page--create .na-auth-bg-layer--silhouette{
    display:block;
    z-index:0;
    left:var(--silhouette-x);
    top:var(--silhouette-y);
    width:var(--silhouette-w);
    height:var(--silhouette-h);
    background:image-set(url("../../banners/auth-silhouette.svg") type("image/svg+xml"), url("../../graphics/raster/4e67c2f96bb88c7b096b94da.webp") type("image/webp")) center center/cover no-repeat;
    opacity:.12;
  }
  .na-auth-page--create .na-auth-page__shell{
    position:relative;
    z-index:1;
    display:block;
    width:100%;
    height:var(--frame-h);
    min-height:var(--frame-h);
  }
  .na-auth-page--create .na-auth-page__shell::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    z-index:2;
    width:100%;
    height:var(--panel-y);
    background:
      radial-gradient(160px 80px at 11% 55%, rgba(112,79,234,.12), rgba(112,79,234,0) 70%),
      linear-gradient(180deg,#231d35 0%,#1d1830 100%);
    pointer-events:none;
  }
  .na-auth-page--create .na-auth-page__side,
  .na-auth-page--create .na-auth-burger,
  .na-auth-page--create .na-auth-mobile-toggle{
    display:none;
  }
  .na-auth-page--create .na-auth-page__brand{
    left:20px;
    top:30px;
    transform:none;
    max-width:none;
    z-index:4;
    gap:6px;
    font-size:14px;
    line-height:10px;
    letter-spacing:.1em;
  }
  .na-auth-page--create .na-auth-page__brand-dot{
    width:20px;
    height:20px;
  }
  .na-auth-page--create .na-auth-page__links{
    display:flex;
    right:20px;
    top:20px;
    z-index:4;
    height:50px;
    gap:10px;
    font-size:14px;
    line-height:26px;
  }
  .na-auth-page--create .na-auth-page__lang{
    color:#7653d9;
  }
  .na-auth-page--create .na-auth-page__panel{
    position:absolute;
    left:var(--panel-x);
    top:var(--panel-y);
    width:var(--panel-w);
    height:var(--panel-h);
    min-height:0;
    margin:0;
    padding:0;
    border-radius:0;
    display:block;
    overflow:hidden;
    background:
      linear-gradient(rgba(225,225,225,.93), rgba(225,225,225,.93)),
      image-set(url("../images/auth-bg-abstract-figma.webp") type("image/webp"), url("../../account/images/account-created/raw-01.jpeg") type("image/png")) center center/cover no-repeat;
    box-shadow:none;
  }
  .na-auth-page--create .na-auth-page__panel::before{
    inset:0;
    transform:none;
    opacity:.18;
    background:
      radial-gradient(360px 300px at 78% 16%, rgba(255,244,225,.42), rgba(255,244,225,0) 66%),
      linear-gradient(116deg, rgba(255,255,255,0) 34%, rgba(255,255,255,.24) 52%, rgba(255,255,255,0) 72%);
  }
  .na-auth-page--create .na-auth-form{
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    width:100%;
    padding:0;
  }
  .na-auth-page--create .na-auth-form__title{
    width:var(--title-w);
    min-height:var(--title-h);
    margin:calc(var(--title-y) - var(--panel-y)) 0 0 calc(var(--title-x) - var(--panel-x));
    color:#673eda;
    font-size:var(--title-size);
    line-height:var(--title-line);
    letter-spacing:0;
    text-align:center;
    transform:scaleX(1.06);
    transform-origin:center top;
  }
  .na-auth-page--create .na-auth-form__subtitle{
    width:var(--subtitle-w);
    margin:calc(var(--subtitle-y) - var(--title-y) - var(--title-h)) 0 0 calc(var(--subtitle-x) - var(--panel-x));
    color:#000;
    font-size:var(--subtitle-size);
    line-height:var(--subtitle-line);
    text-align:center;
  }
  .na-auth-page--create .na-auth-field-wrap,
  .na-auth-page--create .na-auth-pills,
  .na-auth-page--create .na-auth-row,
  .na-auth-page--create .na-auth-btn,
  .na-auth-page--create .na-auth-divider,
  .na-auth-page--create .na-auth-social,
  .na-auth-page--step2 .na-auth-step2-stack{
    width:295px;
    margin-left:calc(var(--controls-x) - var(--panel-x));
    margin-right:0;
  }
  .na-auth-page--create .na-auth-field-wrap:first-of-type,
  .na-auth-page--step2 .na-auth-step2-stack{
    margin-top:calc(var(--field-y) - var(--subtitle-y) - var(--subtitle-line));
  }
  .na-auth-page--create .na-auth-field-wrap + .na-auth-field-wrap,
  .na-auth-page--step2 .na-auth-field-wrap + .na-auth-field-wrap{
    margin-top:14px;
  }
  .na-auth-page--create .na-auth-field,
  .na-auth-page--create .na-auth-select{
    width:100%;
    height:50px;
    border-color:#673eda;
    border-radius:15px;
    background:rgba(255,255,255,.24);
    color:#9a9a9a;
    font-size:13px;
    padding:0 15px;
  }
  .na-auth-page--create .na-auth-field::placeholder{
    color:#a6a6a6;
  }
  .na-auth-page--create .na-auth-pills{
    grid-template-columns:140px 145px;
    gap:10px;
    margin-top:var(--field-gap);
  }
  .na-auth-page--create .na-auth-pill{
    height:50px;
    border-color:#673eda;
    border-radius:15px;
    justify-content:flex-start;
    padding:0 15px;
    gap:7px;
    color:#9a9a9a;
    background:rgba(255,255,255,.24);
    font-size:13px;
  }
  .na-auth-page--create .na-auth-pill__dot{
    width:15px;
    height:15px;
  }
  .na-auth-page--create .na-auth-row{
    gap:10px;
    margin-top:var(--field-gap);
  }
  .na-auth-page--create .na-auth-row--triple{
    grid-template-columns:91.667px 91.667px 91.667px;
  }
  .na-auth-page--create .na-auth-select-wrap::after,
  .na-auth-page--create .na-auth-field-wrap--arrow::after{
    right:15px;
    width:13px;
    height:11px;
    border:0;
    background:#a6a6a6;
    transform:translateY(-45%);
    clip-path:polygon(50% 100%,0 0,100% 0);
  }
  .na-auth-page--create .na-auth-btn{
    height:60px;
    margin-top:var(--button-gap);
    border-radius:15px;
    background:#7950e5;
    font-size:15px;
    line-height:14px;
    box-shadow:none;
  }
  .na-auth-page--create .na-auth-divider{
    gap:16px;
    margin-top:var(--divider-gap);
    margin-bottom:18px;
    color:#673eda;
    font-size:10px;
    line-height:10px;
  }
  .na-auth-page--create .na-auth-divider::before,
  .na-auth-page--create .na-auth-divider::after{
    background:#673eda;
  }
  .na-auth-page--create .na-auth-social{
    gap:10px;
    justify-content:center;
  }
  .na-auth-page--create .na-auth-social-btn{
    width:50px;
    height:50px;
    border-color:#673eda;
    border-radius:15px;
    box-shadow:0 2px 5.6px rgba(103,62,218,.35);
  }
  .na-auth-page--create .na-auth-social-btn img{
    width:34px;
    height:34px;
  }
  .na-auth-page--step2 .na-auth-step2-stack{
    text-align:left;
  }
  .na-auth-page--step2 .na-auth-field-wrap:first-of-type{
    margin-top:0;
  }
  .na-auth-page--step2 .na-auth-checks{
    width:233px;
    margin:30px 0 0 calc(var(--controls-x) - var(--panel-x) + 31px);
    gap:10px;
  }
  .na-auth-page--step2 .na-auth-check{
    grid-template-columns:15px 1fr;
    gap:10px;
    color:#000;
    font-size:6px;
    line-height:8.5px;
  }
  .na-auth-page--step2 .na-auth-check input{
    width:15px;
    height:15px;
    border-color:#673eda;
    border-radius:3px;
  }
  .na-auth-page--step2 .na-auth-check input:checked{
    background:#6d45ea;
  }
  .na-auth-page--step2 .na-auth-check input:checked::after{
    border-color:#fff;
    left:4px;
    top:2px;
  }
  .na-auth-page--step2 .na-auth-btn{
    margin-top:30px;
  }
  .na-auth-page--step2 .na-auth-btn--ghost{
    margin-top:10px;
    background:#c2c2c2;
    color:#fff;
  }
}

@media (min-width:641px) and (max-width:1199px){
  .na-auth-page--create{
    padding:0;
    align-items:flex-start;
    overflow:hidden;
    background:#120e24;
  }
  .na-auth-page--create .na-auth-stage{
    --frame-h:855px;
    --bg-x:0px;
    --bg-y:0px;
    --bg-w:960px;
    --bg-h:855px;
    --silhouette-x:377px;
    --silhouette-y:0px;
    --silhouette-w:568px;
    --silhouette-h:855px;
    --panel-x:270px;
    --panel-y:0px;
    --panel-w:420px;
    --panel-h:855px;
    --title-x:280px;
    --title-y:102px;
    --title-w:400px;
    --title-h:100px;
    --title-size:50px;
    --title-line:50px;
    --subtitle-x:328px;
    --subtitle-y:218px;
    --subtitle-w:305px;
    --subtitle-size:14px;
    --subtitle-line:19.124px;
    --controls-x:333px;
    --field-y:277px;
    --field-gap:12px;
    --button-gap:30px;
    --divider-gap:40px;
    width:960px;
    max-width:100%;
    height:var(--frame-h);
    min-height:var(--frame-h);
    overflow:hidden;
    background:#120e24;
  }
  .na-auth-page--step2 .na-auth-stage{
    --silhouette-x:421px;
  }
  .na-auth-page--create .na-auth-page__shell{
    position:relative;
    z-index:1;
    display:block;
    width:100%;
    height:var(--frame-h);
    min-height:var(--frame-h);
  }
  .na-auth-page--create .na-auth-page__side{
    display:none;
  }
  .na-auth-page--create .na-auth-bg-layer--root{
    left:var(--bg-x);
    top:var(--bg-y);
    width:var(--bg-w);
    height:var(--bg-h);
    background:image-set(url("../images/auth-signup-step1-320-bg-root-figma.webp") type("image/webp"), url("../../graphics/raster/ef9446515908042b46ce4860.webp") type("image/webp")) center center/100% 100% no-repeat;
  }
  .na-auth-page--create .na-auth-bg-layer--silhouette{
    left:var(--silhouette-x);
    top:var(--silhouette-y);
    width:var(--silhouette-w);
    height:var(--silhouette-h);
    background:url("../../banners/auth-silhouette.svg") center center/100% 100% no-repeat;
    opacity:1;
  }
  .na-auth-page--create .na-auth-page__brand{
    left:40px;
    top:29px;
    width:142px;
    height:30px;
    transform:none;
  }
  .na-auth-page--create .na-auth-page__brand img{
    width:142px;
    height:30px;
    object-fit:contain;
  }
  .na-auth-page--create .na-auth-page__links{
    display:flex;
    left:min(716px, calc(100vw - 224px));
    right:auto;
    top:19px;
    width:204px;
    height:50px;
    gap:10px;
    font-size:19px;
    line-height:25.954px;
    font-weight:500;
    filter:blur(.08px);
    transform:translateY(-.5px);
  }
  .na-auth-page--create .na-auth-page__lang,
  .na-auth-page--create .na-auth-page__links a{
    position:relative;
    display:block;
    height:50px;
    flex:0 0 auto;
  }
  .na-auth-page--create .na-auth-page__lang{
    width:87px;
    color:#7653d9;
    opacity:1;
  }
  .na-auth-page--create .na-auth-page__links a{
    width:107px;
    color:#fff;
    opacity:.85;
  }
  .na-auth-page--create .na-auth-page__lang-text,
  .na-auth-page--create .na-auth-page__login-text,
  .na-auth-page--create .na-auth-page__chevron,
  .na-auth-page--create .na-auth-page__login-arrow{
    position:absolute;
    display:block;
  }
  .na-auth-page--create .na-auth-page__lang-text,
  .na-auth-page--create .na-auth-page__login-text{
    left:16px;
    top:12px;
  }
  .na-auth-page--create .na-auth-page__chevron{
    content:image-set(url("../images/auth-signup-step1-1280-lang-chevron-figma.webp") type("image/webp"), url("../../graphics/raster/c2df740a6e53c7f4332325bb.webp") type("image/webp"));
    left:58px;
    top:20.5px;
    width:13px;
    height:9px;
  }
  .na-auth-page--create .na-auth-page__login-arrow{
    left:77px;
    top:21.5px;
    width:15px;
    height:8px;
  }
  .na-auth-page--create .na-auth-page__fallback{
    display:none;
  }
  .na-auth-page--create .na-auth-page__panel{
    position:absolute;
    left:var(--panel-x);
    top:var(--panel-y);
    width:var(--panel-w);
    height:var(--panel-h);
    min-height:0;
    margin:0;
    padding:0;
    border-radius:0;
    display:block;
    overflow:hidden;
    background:transparent image-set(url("../images/auth-signup-step1-960-panel-group-figma.webp") type("image/webp"), url("../../graphics/raster/93bb7169e76de1610a9c3db3.webp") type("image/webp")) center center/100% 100% no-repeat;
  }
  .na-auth-page--create .na-auth-page__panel::before{
    content:none;
  }
  .na-auth-page--create .na-auth-form{
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    width:100%;
    max-width:none;
    padding:0;
  }
  .na-auth-page--create .na-auth-form__title{
    width:var(--title-w);
    min-height:var(--title-h);
    margin:calc(var(--title-y) - var(--panel-y)) 0 0 calc(var(--title-x) - var(--panel-x));
    font-size:var(--title-size);
    line-height:var(--title-line);
    letter-spacing:0;
    text-align:center;
  }
  .na-auth-page--create .na-auth-form__subtitle{
    width:var(--subtitle-w);
    margin:calc(var(--subtitle-y) - var(--title-y) - var(--title-h)) 0 0 calc(var(--subtitle-x) - var(--panel-x));
    color:#000;
    font-size:var(--subtitle-size);
    line-height:var(--subtitle-line);
    text-align:center;
  }
  .na-auth-page--create .na-auth-field-wrap,
  .na-auth-page--create .na-auth-pills,
  .na-auth-page--create .na-auth-row,
  .na-auth-page--create .na-auth-btn,
  .na-auth-page--create .na-auth-divider,
  .na-auth-page--create .na-auth-social{
    width:295px;
    margin-left:calc(var(--controls-x) - var(--panel-x));
    margin-right:0;
  }
  .na-auth-page--create .na-auth-field-wrap:first-of-type{
    margin-top:calc(var(--field-y) - var(--subtitle-y) - var(--subtitle-line));
  }
  .na-auth-page--create .na-auth-field,
  .na-auth-page--create .na-auth-select{
    height:50px;
    font-size:13px;
    padding:0 15px;
    background:transparent;
  }
  .na-auth-page--create .na-auth-pills{
    grid-template-columns:140px 145px;
    gap:10px;
    margin-top:var(--field-gap);
  }
  .na-auth-page--create .na-auth-pill{
    height:50px;
    min-height:50px;
    font-size:13px;
    border-radius:15px;
    background:transparent;
  }
  .na-auth-page--create .na-auth-row{
    gap:10px;
    margin-top:var(--field-gap);
  }
  .na-auth-page--create .na-auth-row--triple{
    grid-template-columns:91.667px 91.667px 91.667px;
  }
  .na-auth-page--create .na-auth-btn{
    height:60px;
    margin-top:var(--button-gap);
    border-radius:15px;
    font-size:15px;
    background:#673eda;
  }
  .na-auth-page--create .na-auth-divider{
    gap:16px;
    margin-top:var(--divider-gap);
    margin-bottom:18px;
    font-size:10px;
    line-height:10px;
  }
  .na-auth-page--create .na-auth-social{
    gap:10px;
    justify-content:center;
  }
  .na-auth-page--create .na-auth-social-btn{
    width:50px;
    height:50px;
    border-radius:15px;
    background:transparent;
  }
  .na-auth-page--create .na-auth-social-btn img{
    width:34px;
    height:34px;
  }
}

@media (max-width:640px){
  .na-auth-page--create .na-auth-field,
  .na-auth-page--create .na-auth-select,
  .na-auth-page--create .na-auth-pill,
  .na-auth-page--create .na-auth-social-btn{
    background:transparent;
  }
  .na-auth-page--create .na-auth-btn{
    background:#7653d9;
  }
}

@media (min-width:481px) and (max-width:640px){
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-stage{
    width:100vw;
    max-width:640px;
    flex:0 0 auto;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__shell::before{
    background:transparent;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-bg-layer--root{
    background:image-set(url("../images/auth-signup-step1-640-bg-root-figma.webp") type("image/webp"), url("../../graphics/raster/a2030feaae76464a79391964.webp") type("image/webp")) center center/100% 100% no-repeat;
    width:100%;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-bg-layer--silhouette{
    background:url("../../banners/auth-silhouette.svg") center center/100% 100% no-repeat;
    opacity:1;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__panel{
    background-color:transparent;
    background-image:image-set(url("../images/auth-signup-step1-640-panel-group-figma.webp") type("image/webp"), url("../../graphics/raster/58e532bb8603686c1ad374ff.webp") type("image/webp"));
    background-position:center center;
    background-size:100% 100%;
    background-repeat:no-repeat;
    width:100%;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__panel::before{
    content:none;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__brand{
    left:20px;
    top:30px;
    width:142px;
    height:30px;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__brand img{
    width:142px;
    height:30px;
    object-fit:contain;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__links{
    left:auto;
    right:20px;
    top:20px;
    width:204px;
    height:50px;
    gap:10px;
    font-size:19px;
    line-height:25.954px;
    font-weight:500;
    filter:blur(.08px);
    transform:translateY(-.5px);
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__lang,
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__links a{
    position:relative;
    display:block;
    height:50px;
    flex:0 0 auto;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__lang{
    width:87px;
    color:#7653d9;
    opacity:1;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__links a{
    width:107px;
    color:#fff;
    opacity:.85;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__lang-text,
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__login-text,
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__chevron,
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__login-arrow{
    position:absolute;
    display:block;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__lang-text,
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__login-text{
    left:16px;
    top:12px;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__chevron{
    content:image-set(url("../images/auth-signup-step1-1280-lang-chevron-figma.webp") type("image/webp"), url("../../graphics/raster/c2df740a6e53c7f4332325bb.webp") type("image/webp"));
    left:58px;
    top:20.5px;
    width:13px;
    height:9px;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__login-arrow{
    left:77px;
    top:21.5px;
    width:15px;
    height:8px;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__fallback{
    display:none;
  }
}


@media (min-width:1200px){
  .na-auth-page--create .na-auth-stage{
    --frame-h:855px;
    --bg-x:0px;
    --bg-y:0px;
    --bg-w:1280px;
    --bg-h:855px;
    --silhouette-x:580px;
    --silhouette-y:0px;
    --silhouette-w:568px;
    --silhouette-h:855px;
    --panel-x:390px;
    --panel-y:0px;
    --panel-w:500px;
    --panel-h:855px;
    --title-x:440px;
    --title-y:102px;
    --title-w:400px;
    --title-h:100px;
    --title-size:50px;
    --title-line:50px;
    --subtitle-x:488px;
    --subtitle-y:218px;
    --subtitle-w:305px;
    --subtitle-size:14px;
    --subtitle-line:19.124px;
    --controls-x:493px;
    --field-y:277px;
    --field-gap:12px;
    --button-gap:30px;
    --divider-gap:40px;
    width:1280px;
    max-width:100%;
    height:var(--frame-h);
    min-height:var(--frame-h);
    overflow:hidden;
    background:#120e24;
  }
  .na-auth-page--create .na-auth-page__shell{
    position:relative;
    z-index:1;
    display:block;
    width:100%;
    height:var(--frame-h);
    min-height:var(--frame-h);
  }
  .na-auth-page--create .na-auth-page__side{
    display:none;
  }
  .na-auth-page--create .na-auth-bg-layer--root{
    left:var(--bg-x);
    top:var(--bg-y);
    width:var(--bg-w);
    height:var(--bg-h);
    background:image-set(url("../images/auth-forgot-1280-bg-root-figma.webp") type("image/webp"), url("../../graphics/raster/9ef9dc16d3a052b18b04ef56.webp") type("image/webp")) center center/100% 100% no-repeat;
  }
  .na-auth-page--create .na-auth-bg-layer--silhouette{
    left:var(--silhouette-x);
    top:var(--silhouette-y);
    width:var(--silhouette-w);
    height:var(--silhouette-h);
    background:url("../../banners/auth-silhouette.svg") center center/100% 100% no-repeat;
    opacity:1;
  }
  .na-auth-page--create .na-auth-page__brand{
    left:60px;
    top:39px;
    width:142px;
    height:30px;
    transform:none;
  }
  .na-auth-page--create .na-auth-page__brand img{
    width:142px;
    height:30px;
    object-fit:contain;
  }
  .na-auth-page--create .na-auth-page__links{
    display:flex;
    left:min(1016px, calc(100vw - 224px));
    right:auto;
    top:29px;
    width:204px;
    height:50px;
    gap:10px;
    font-size:19px;
    line-height:25.954px;
    font-weight:500;
    filter:blur(.08px);
    transform:translateY(-.5px);
  }
  .na-auth-page--create .na-auth-page__lang,
  .na-auth-page--create .na-auth-page__links a{
    position:relative;
    display:block;
    height:50px;
    flex:0 0 auto;
  }
  .na-auth-page--create .na-auth-page__lang{
    width:87px;
    color:#7653d9;
    opacity:1;
  }
  .na-auth-page--create .na-auth-page__links a{
    width:107px;
    color:#fff;
    opacity:.85;
  }
  .na-auth-page--create .na-auth-page__lang-text,
  .na-auth-page--create .na-auth-page__login-text,
  .na-auth-page--create .na-auth-page__chevron,
  .na-auth-page--create .na-auth-page__login-arrow{
    position:absolute;
    display:block;
  }
  .na-auth-page--create .na-auth-page__lang-text,
  .na-auth-page--create .na-auth-page__login-text{
    left:16px;
    top:12px;
  }
  .na-auth-page--create .na-auth-page__chevron{
    content:image-set(url("../images/auth-signup-step1-1280-lang-chevron-figma.webp") type("image/webp"), url("../../graphics/raster/c2df740a6e53c7f4332325bb.webp") type("image/webp"));
    left:58px;
    top:20.5px;
    width:13px;
    height:9px;
  }
  .na-auth-page--create .na-auth-page__login-arrow{
    left:77px;
    top:21.5px;
    width:15px;
    height:8px;
  }
  .na-auth-page--create .na-auth-page__fallback{
    display:none;
  }
  .na-auth-page--create .na-auth-page__panel{
    position:absolute;
    left:var(--panel-x);
    top:var(--panel-y);
    width:var(--panel-w);
    height:var(--panel-h);
    min-height:0;
    margin:0;
    padding:0;
    border-radius:0;
    display:block;
    overflow:hidden;
    background:transparent image-set(url("../images/auth-signup-step1-1280-panel-group-figma.webp") type("image/webp"), url("../../graphics/raster/4c7075b26b7e23b4fdea08b7.webp") type("image/webp")) center center/100% 100% no-repeat;
  }
  .na-auth-page--create.na-auth-page--step2 .na-auth-bg-layer--root{
    background:image-set(url("../images/auth-forgot-1280-bg-root-figma.webp") type("image/webp"), url("../../graphics/raster/9ef9dc16d3a052b18b04ef56.webp") type("image/webp")) center center/100% 100% no-repeat;
  }
  .na-auth-page--create.na-auth-page--step2 .na-auth-bg-layer--silhouette{
    background:url("../../banners/auth-silhouette.svg") center center/100% 100% no-repeat;
  }
  .na-auth-page--create.na-auth-page--step2 .na-auth-page__panel{
    background:transparent image-set(url("../images/auth-signup-step1-1280-panel-group-figma.webp") type("image/webp"), url("../../graphics/raster/4c7075b26b7e23b4fdea08b7.webp") type("image/webp")) center center/100% 100% no-repeat;
  }
  .na-auth-page--create .na-auth-page__panel::before{
    content:none;
  }
  .na-auth-page--create .na-auth-form{
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    width:100%;
    max-width:none;
    padding:0;
  }
  .na-auth-page--create .na-auth-form__title{
    width:var(--title-w);
    min-height:var(--title-h);
    margin:calc(var(--title-y) - var(--panel-y)) 0 0 calc(var(--title-x) - var(--panel-x));
    font-size:var(--title-size);
    line-height:var(--title-line);
    letter-spacing:0;
    text-align:center;
  }
  .na-auth-page--create .na-auth-form__subtitle{
    width:var(--subtitle-w);
    margin:calc(var(--subtitle-y) - var(--title-y) - var(--title-h)) 0 0 calc(var(--subtitle-x) - var(--panel-x));
    color:#000;
    font-size:var(--subtitle-size);
    line-height:var(--subtitle-line);
    text-align:center;
  }
  .na-auth-page--create .na-auth-field-wrap,
  .na-auth-page--create .na-auth-pills,
  .na-auth-page--create .na-auth-row,
  .na-auth-page--create .na-auth-btn,
  .na-auth-page--create .na-auth-divider,
  .na-auth-page--create .na-auth-social{
    width:295px;
    margin-left:calc(var(--controls-x) - var(--panel-x));
    margin-right:0;
  }
  .na-auth-page--create .na-auth-field-wrap:first-of-type{
    margin-top:calc(var(--field-y) - var(--subtitle-y) - var(--subtitle-line));
  }
  .na-auth-page--create .na-auth-field,
  .na-auth-page--create .na-auth-select{
    height:50px;
    font-size:13px;
    padding:0 15px;
  }
  .na-auth-page--create .na-auth-pills{
    grid-template-columns:140px 145px;
    gap:10px;
    margin-top:var(--field-gap);
  }
  .na-auth-page--create .na-auth-pill{
    height:50px;
    min-height:50px;
    font-size:13px;
    border-radius:15px;
  }
  .na-auth-page--create .na-auth-row{
    gap:10px;
    margin-top:var(--field-gap);
  }
  .na-auth-page--create .na-auth-row--triple{
    grid-template-columns:91.667px 91.667px 91.667px;
  }
  .na-auth-page--create .na-auth-btn{
    height:60px;
    margin-top:var(--button-gap);
    border-radius:15px;
    font-size:15px;
  }
  .na-auth-page--create .na-auth-divider{
    gap:16px;
    margin-top:var(--divider-gap);
    margin-bottom:18px;
    font-size:10px;
    line-height:10px;
  }
  .na-auth-page--create .na-auth-social{
    gap:10px;
    justify-content:center;
  }
  .na-auth-page--create .na-auth-social-btn{
    width:50px;
    height:50px;
    border-radius:15px;
  }
  .na-auth-page--create .na-auth-social-btn img{
    width:34px;
    height:34px;
  }
}

@media (min-width:641px){
  .na-auth-page--step2 .na-auth-step2-stack{
    width:295px;
    margin-left:calc(var(--controls-x) - var(--panel-x));
    margin-top:calc(var(--field-y) - var(--subtitle-y) - var(--subtitle-line));
    text-align:left;
  }
  .na-auth-page--step2 .na-auth-step2-stack .na-auth-field-wrap{
    width:100%;
    margin-left:0;
    margin-right:0;
  }
  .na-auth-page--step2 .na-auth-step2-stack .na-auth-field-wrap:first-of-type{
    margin-top:0;
  }
  .na-auth-page--step2 .na-auth-step2-stack .na-auth-field-wrap + .na-auth-field-wrap{
    margin-top:14px;
  }
  .na-auth-page--step2 .na-auth-checks{
    width:233px;
    margin:30px 0 0 calc(var(--controls-x) - var(--panel-x) + 31px);
    gap:10px;
  }
  .na-auth-page--step2 .na-auth-check{
    grid-template-columns:15px 1fr;
    gap:10px;
    font-size:6px;
    line-height:8.5px;
  }
  .na-auth-page--step2 .na-auth-check input{
    width:15px;
    height:15px;
  }
  .na-auth-page--step2 .na-auth-btn{
    margin-left:calc(var(--controls-x) - var(--panel-x));
    margin-top:30px;
  }
  .na-auth-page--step2 .na-auth-btn--ghost{
    margin-top:10px;
  }
}

@media (max-width:480px){
  .na-auth-page--create .na-auth-stage{
    --frame-h:760px;
    --bg-x:-240px;
    --bg-y:-48px;
    --bg-w:960px;
    --bg-h:855px;
    --silhouette-x:-44px;
    --panel-x:0px;
    --panel-y:60px;
    --panel-w:480px;
    --panel-h:700px;
    --title-x:40px;
    --title-y:92px;
    --title-w:400px;
    --title-h:50px;
    --title-size:40px;
    --title-line:50px;
    --subtitle-x:88px;
    --subtitle-y:148px;
    --subtitle-w:305px;
    --subtitle-size:14px;
    --subtitle-line:19.124px;
    --controls-x:93px;
    --field-y:207px;
  }
  .na-auth-page--step2 .na-auth-stage{
    --bg-x:-80px;
    --bg-w:640px;
    --silhouette-x:234px;
    --panel-x:0px;
    --panel-w:480px;
  }
  .na-auth-page--create .na-auth-page__brand{
    left:10px;
    top:19.5px;
    width:99px;
    height:21px;
    font-size:12px;
    line-height:21px;
  }
  .na-auth-page--create .na-auth-page__brand img{
    width:99px;
    height:21px;
    object-fit:contain;
  }
  .na-auth-page--create .na-auth-page__brand-dot{
    width:16px;
    height:16px;
  }
  .na-auth-page--create .na-auth-page__links{
    left:295px;
    right:auto;
    top:10px;
    width:175px;
    height:40px;
    gap:10px;
    font-size:16px;
    line-height:21.856px;
    font-weight:500;
    filter:blur(.08px);
    transform:translateY(-.5px);
  }
  .na-auth-page--create .na-auth-page__lang,
  .na-auth-page--create .na-auth-page__links a{
    position:relative;
    display:block;
    height:40px;
    flex:0 0 auto;
    opacity:1;
  }
  .na-auth-page--create .na-auth-page__lang{
    width:74px;
    color:#7653d9;
  }
  .na-auth-page--create .na-auth-page__links a{
    width:91px;
    color:#fff;
    opacity:.85;
  }
  .na-auth-page--create .na-auth-page__lang-text,
  .na-auth-page--create .na-auth-page__login-text,
  .na-auth-page--create .na-auth-page__chevron,
  .na-auth-page--create .na-auth-page__login-arrow{
    position:absolute;
    display:block;
  }
  .na-auth-page--create .na-auth-page__lang-text,
  .na-auth-page--create .na-auth-page__login-text{
    left:12px;
    top:9px;
  }
  .na-auth-page--create .na-auth-page__chevron{
    content:image-set(url("../images/auth-signup-step1-480-lang-chevron-figma.webp") type("image/webp"), url("../../graphics/raster/9d62362133ecaffb86a588a8.webp") type("image/webp"));
    left:49px;
    top:15.5px;
    width:13px;
    height:9px;
  }
  .na-auth-page--create .na-auth-page__login-arrow{
    left:65px;
    top:15.5px;
    width:15px;
    height:8px;
  }
  .na-auth-page--create .na-auth-page__fallback{
    display:none;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-bg-layer--root{
    background:image-set(url("../images/auth-signup-step1-320-bg-root-figma.webp") type("image/webp"), url("../../graphics/raster/ef9446515908042b46ce4860.webp") type("image/webp")) center center/100% 100% no-repeat;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-bg-layer--silhouette{
    background:url("../../banners/auth-silhouette.svg") center center/100% 100% no-repeat;
    opacity:1;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__panel{
    background-color:#d9d9d9;
    background-image:image-set(url("../images/auth-signup-step1-480-rect12-figma.webp") type("image/webp"), url("../../graphics/raster/0508cbfdc29f0097334b9829.webp") type("image/webp"));
    background-position:center center;
    background-size:100% 100%;
    background-repeat:no-repeat;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__panel::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    background-image:image-set(url("../images/auth-signup-step1-480-rect11-figma.webp") type("image/webp"), url("../../graphics/raster/19082d637d0ced58fa01277d.webp") type("image/webp"));
    background-position:center center;
    background-size:100% 100%;
    background-repeat:no-repeat;
    opacity:1;
    pointer-events:none;
    transform:none;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-form__title{
    transform:none;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-field,
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-select{
    font-size:16px;
    line-height:30px;
    letter-spacing:-0.16px;
    filter:blur(.08px);
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-field{
    font-weight:400;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-select{
    font-weight:500;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-select-wrap::after{
    right:15px;
    top:calc(50% - 4.5px);
    width:16px;
    height:11px;
    background:#9e9e9e;
    border:0;
    transform:none;
    clip-path:polygon(50% 100%,0 0,100% 0);
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-pill{
    font-size:16px;
    line-height:30px;
    font-weight:500;
    letter-spacing:-0.16px;
    gap:8px;
    filter:blur(.08px);
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-pill:has(input:checked){
    color:#673eda;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-pill__label{
    display:inline-block;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-pill:has(input:checked) .na-auth-pill__label{
    font-weight:500;
    letter-spacing:0;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-pill__dot{
    width:16px;
    height:16px;
    border:4px solid #d9d9d9;
    background:#673eda;
    box-sizing:border-box;
    box-shadow:0 4px 4px rgba(0,0,0,.25);
    flex:0 0 16px;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-pill:has(input:checked) .na-auth-pill__dot::after{
    content:none;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-pill:not(:has(input:checked)) .na-auth-pill__dot{
    border:4px solid #9e9e9e;
    background:transparent;
    box-sizing:border-box;
    box-shadow:none;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-pill:not(:has(input:checked)) .na-auth-pill__dot::after{
    content:none;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-btn{
    position:relative;
    background:#7653d9;
    font-size:20px;
    line-height:30px;
    font-weight:500;
    letter-spacing:-0.2px;
    filter:blur(.08px);
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-btn__text,
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-btn__arrow{
    position:absolute;
    display:block;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-btn__text{
    left:92px;
    top:15px;
    color:#fff;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-btn__arrow{
    left:189px;
    top:26px;
    width:15px;
    height:8px;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-divider{
    position:relative;
    top:-1px;
    gap:15px;
    justify-content:flex-start;
    color:#7653d9;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-divider::before,
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-divider::after{
    flex:0 0 84px;
    background:#7653d9;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-divider span{
    display:block;
    width:94px;
    height:10px;
    overflow:visible;
    text-align:center;
    font-size:14px;
    line-height:10px;
    font-weight:500;
    letter-spacing:-0.14px;
    color:#673eda;
    transform:none;
    transform-origin:center center;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-social-btn{
    border-color:#673eda;
    box-shadow:0 2px 5.6px rgba(103,62,218,.28);
    transform:translateX(-.5px);
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-social-btn img{
    width:30px;
    height:30px;
  }
}

@media (max-width:320px){
  .na-auth-page--create .na-auth-stage{
    --bg-x:-400px;
    --silhouette-x:-204px;
    --panel-x:0px;
    --panel-w:320px;
    --title-x:30px;
    --title-y:82px;
    --title-w:260px;
    --title-size:30px;
    --subtitle-x:8px;
    --subtitle-y:133px;
    --subtitle-size:13px;
    --subtitle-line:17.758px;
    --controls-x:13px;
    --field-y:187px;
  }
  .na-auth-page--step2 .na-auth-stage{
    --bg-x:-240px;
    --bg-w:640px;
    --silhouette-x:234px;
    --panel-x:0px;
    --panel-w:320px;
    --title-x:-40px;
    --title-w:400px;
  }
  .na-auth-page--create .na-auth-page__links{
    right:10px;
    gap:5px;
    font-size:12px;
  }
}

.na-auth-page--forgot .na-auth-form{
  width:430px;
}
.na-auth-page--forgot .na-auth-form__title{
  font-size:27px;
  line-height:30px;
  letter-spacing:-0.01em;
}
.na-auth-page--forgot .na-auth-form__subtitle{
  margin-top:16px;
  margin-bottom:22px;
  font-size:12px;
  line-height:20px;
  color:#4b4b4b;
  max-width:318px;
}
.na-auth-page--forgot .na-auth-form__subtitle span{
  display:inline;
}
.na-auth-page--forgot .na-auth-form__subtitle a{
  color:#6d45ea;
  text-decoration:underline;
}
.na-auth-page--forgot .na-auth-field{
  height:50px;
  font-size:16px;
  padding:0 15px;
}
.na-auth-page--forgot .na-auth-btn{
  height:60px;
  font-size:20px;
  margin-top:15px;
}
.na-auth-page--forgot .na-auth-btn--ghost{
  height:50px;
  margin-top:8px;
}

@media (max-width:991.98px){
  .na-auth-page{padding:0;}
  .na-auth-stage{width:100%;}
  .na-auth-page__shell{grid-template-columns:minmax(72px,1fr) 410px minmax(72px,1fr);min-height:800px;}
  .na-auth-page__panel{min-height:700px;padding:50px 20px 34px;}
}
@media (max-width:640px){
  .na-auth-page{
    padding:calc(env(safe-area-inset-top) + 12px) 0 calc(env(safe-area-inset-bottom) + 16px);
    background:#120f28;
    align-items:center;
  }
  .na-auth-stage{width:100%;}
  .na-auth-page__shell{
    grid-template-columns:1fr;
    min-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  }
  .na-auth-page__side{display:none;}
  .na-auth-page__brand{
    left:50%;
    top:calc(env(safe-area-inset-top) + 12px);
    transform:translateX(-50%);
    font-size:13px;
    gap:9px;
    z-index:6;
    max-width:calc(100vw - 128px);
    white-space:nowrap;
  }
  .na-auth-page__brand img{width:120px;height:auto;}
  .na-auth-page__links{display:none;}
  .na-auth-burger{
    display:inline-flex;
    position:absolute;
    left:20px;
    top:calc(env(safe-area-inset-top) + 12px);
    z-index:6;
  }
  .na-auth-mobile-toggle{
    display:inline-flex;
    position:absolute;
    right:20px;
    top:calc(env(safe-area-inset-top) + 12px);
    z-index:6;
    width:44px;
    height:24px;
  }
  .na-auth-page__panel{
    margin-top:0;
    min-height:clamp(560px, calc(100dvh - 96px), 720px);
    padding:92px 0 32px;
    align-items:center;
  }
  .na-auth-form{width:min(340px,calc(100vw - 40px));}
  .na-auth-form__title{font-size:24px;line-height:1.04;}
  .na-auth-form__subtitle{font-size:14px;margin-bottom:14px;}
  .na-auth-field,.na-auth-select{
    height:44px;
    font-size:16px;
    padding:0 14px;
  }
  .na-auth-row{gap:7px;margin-top:8px;}
  .na-auth-row--triple{grid-template-columns:56px 1fr 74px;}
  .na-auth-pills{gap:7px;margin-top:8px;}
  .na-auth-pill{
    min-height:44px;
    height:auto;
    font-size:13px;
    border-radius:12px;
  }
  .na-auth-btn{height:52px;font-size:16px;margin-top:14px;}
  .na-auth-divider{font-size:12px;}
  .na-auth-social-btn{width:56px;height:56px;}
  .na-auth-checks{gap:7px;}
  .na-auth-check{font-size:9px;}

  .na-auth-page--step2 .na-auth-checks{
    width:100%;
    margin:24px auto 0;
  }
  .na-auth-page--step2 .na-auth-check{
    font-size:7px;
    line-height:10px;
  }
  .na-auth-page--step2 .na-auth-btn{
    margin-top:24px;
  }
}

@media (max-width:390px){
  .na-auth-page__links{gap:12px;font-size:9px}
  .na-auth-page__brand{font-size:12px;gap:6px;}
  .na-auth-form{width:calc(100vw - 24px);max-width:340px}
  .na-auth-form__title{font-size:22px}
  .na-auth-form__subtitle{font-size:12px;margin-bottom:12px}
  .na-auth-field,.na-auth-select,.na-auth-pill{height:44px}
  .na-auth-btn{height:50px;font-size:15px}
}

@media (max-width:640px){
  .na-auth-page--step2 .na-auth-step2-stack{
    width:295px;
    margin-left:calc(var(--controls-x) - var(--panel-x));
    margin-top:calc(var(--field-y) - var(--subtitle-y) - var(--subtitle-line));
  }
  .na-auth-page--step2 .na-auth-step2-stack .na-auth-field-wrap{
    width:100%;
    margin-left:0;
    margin-right:0;
  }
  .na-auth-page--step2 .na-auth-step2-stack .na-auth-field-wrap:first-of-type{
    margin-top:0;
  }
  .na-auth-page--step2 .na-auth-step2-stack .na-auth-field-wrap + .na-auth-field-wrap{
    margin-top:14px;
  }
  .na-auth-page--step2 .na-auth-checks{
    width:233px;
    margin:30px 0 0 calc(var(--controls-x) - var(--panel-x) + 31px);
    gap:10px;
  }
  .na-auth-page--step2 .na-auth-check{
    grid-template-columns:15px 1fr;
    gap:10px;
    font-size:6px;
    line-height:8.5px;
  }
  .na-auth-page--step2 .na-auth-btn{
    margin-left:calc(var(--controls-x) - var(--panel-x));
    margin-top:30px;
  }
  .na-auth-page--step2 .na-auth-btn--ghost{
    margin-top:10px;
  }
}

/* Final source-truth override: auth signup breakpoints are independent Figma frames. */
@media (max-width:640px){
  .na-auth-page--create{
    padding:0;
    align-items:flex-start;
    overflow:hidden;
    background:#120e24;
  }
  .na-auth-page--create .na-auth-stage{
    width:100%;
    height:var(--frame-h);
    min-height:var(--frame-h);
    overflow:hidden;
    background:#120e24;
  }
  .na-auth-page--create .na-auth-page__shell{
    position:relative;
    z-index:1;
    display:block;
    width:100%;
    height:var(--frame-h);
    min-height:var(--frame-h);
  }
  .na-auth-page--create .na-auth-page__side,
  .na-auth-page--create .na-auth-burger,
  .na-auth-page--create .na-auth-mobile-toggle{
    display:none;
  }
  .na-auth-page--create .na-auth-bg-layer--root{
    left:var(--bg-x);
    top:var(--bg-y);
    width:var(--bg-w);
    height:var(--bg-h);
    background:
      linear-gradient(rgba(13,10,27,.55), rgba(13,10,27,.55)),
      radial-gradient(640px 760px at 28% 54%, rgba(149,112,255,.16), rgba(16,16,16,.29) 72%),
      linear-gradient(90deg, rgba(181,127,255,.08), rgba(255,255,255,0) 47%),
      linear-gradient(270deg, rgba(181,127,255,.25), rgba(255,255,255,0) 51%),
      linear-gradient(rgba(5,5,5,.77), rgba(5,5,5,.77)),
      image-set(url("../images/auth-bg-abstract-figma.webp") type("image/webp"), url("../../account/images/account-created/raw-01.jpeg") type("image/png")) center center/cover no-repeat;
  }
  .na-auth-page--create .na-auth-bg-layer--silhouette{
    display:block;
    left:var(--silhouette-x);
    top:var(--silhouette-y);
    width:var(--silhouette-w);
    height:var(--silhouette-h);
  }
  .na-auth-page--create .na-auth-page__brand{
    left:10px;
    top:19.5px;
    transform:none;
    max-width:none;
    width:99px;
    height:21px;
    gap:0;
    z-index:4;
  }
  .na-auth-page--create .na-auth-page__brand img{
    width:99px;
    height:21px;
    object-fit:contain;
  }
  .na-auth-page--create .na-auth-page__links{
    display:flex;
    right:10px;
    top:10px;
    height:40px;
    gap:10px;
    font-size:12px;
    line-height:22px;
    z-index:4;
  }
  .na-auth-page--create .na-auth-page__panel{
    position:absolute;
    left:var(--panel-x);
    top:var(--panel-y);
    width:var(--panel-w);
    height:var(--panel-h);
    min-height:0;
    margin:0;
    padding:0;
    border-radius:0;
    display:block;
    align-items:initial;
    overflow:hidden;
  }
  .na-auth-page--create .na-auth-form{
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    width:100%;
    max-width:none;
    padding:0;
  }
  .na-auth-page--create .na-auth-form__title{
    width:var(--title-w);
    min-height:var(--title-h);
    margin:calc(var(--title-y) - var(--panel-y)) 0 0 calc(var(--title-x) - var(--panel-x));
    font-size:var(--title-size);
    line-height:var(--title-line);
    letter-spacing:0;
    text-align:center;
  }
  .na-auth-page--create .na-auth-form__subtitle{
    width:var(--subtitle-w);
    margin:calc(var(--subtitle-y) - var(--title-y) - var(--title-h)) 0 0 calc(var(--subtitle-x) - var(--panel-x));
    color:#000;
    font-size:var(--subtitle-size);
    line-height:var(--subtitle-line);
    text-align:center;
  }
  .na-auth-page--create .na-auth-field-wrap,
  .na-auth-page--create .na-auth-pills,
  .na-auth-page--create .na-auth-row,
  .na-auth-page--create .na-auth-btn,
  .na-auth-page--create .na-auth-divider,
  .na-auth-page--create .na-auth-social{
    width:295px;
    margin-left:calc(var(--controls-x) - var(--panel-x));
    margin-right:0;
  }
  .na-auth-page--create .na-auth-field-wrap:first-of-type{
    margin-top:calc(var(--field-y) - var(--subtitle-y) - var(--subtitle-line));
  }
  .na-auth-page--create .na-auth-field,
  .na-auth-page--create .na-auth-select{
    height:50px;
    font-size:13px;
    padding:0 15px;
  }
  .na-auth-page--create .na-auth-pills{
    grid-template-columns:140px 145px;
    gap:10px;
    margin-top:var(--field-gap);
  }
  .na-auth-page--create .na-auth-pill{
    height:50px;
    min-height:50px;
    font-size:13px;
    border-radius:15px;
  }
  .na-auth-page--create .na-auth-row{
    gap:10px;
    margin-top:var(--field-gap);
  }
  .na-auth-page--create .na-auth-row--triple{
    grid-template-columns:91.667px 91.667px 91.667px;
  }
  .na-auth-page--create .na-auth-btn{
    height:60px;
    margin-top:var(--button-gap);
    border-radius:15px;
    font-size:15px;
  }
  .na-auth-page--create .na-auth-divider{
    gap:16px;
    margin-top:var(--divider-gap);
    margin-bottom:18px;
    font-size:10px;
    line-height:10px;
  }
  .na-auth-page--create .na-auth-social{
    gap:10px;
    justify-content:center;
  }
  .na-auth-page--create .na-auth-social-btn{
    width:50px;
    height:50px;
    border-radius:15px;
  }
  .na-auth-page--create .na-auth-social-btn img{
    width:34px;
    height:34px;
  }
}

/* Final signup-step-1 320 source layer export. Keep at EOF. */
@media (max-width:320px){
  .na-auth-page--create:not(.na-auth-page--step2){
    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-bg-layer--root{
    background:image-set(url("../images/auth-signup-step1-320-bg-root-figma.webp") type("image/webp"), url("../../graphics/raster/ef9446515908042b46ce4860.webp") type("image/webp")) center center/100% 100% no-repeat;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-bg-layer--silhouette{
    background:url("../../banners/auth-silhouette.svg") center center/100% 100% no-repeat;
    opacity:1;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__shell::before{
    content:none;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__panel{
    background-color:#d9d9d9;
    background-image:none;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__panel::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    background-image:image-set(url("../images/auth-signup-step1-320-rect11-figma.webp") type("image/webp"), url("../../graphics/raster/0729a58b87d640e794878df7.webp") type("image/webp"));
    background-position:-40px -36px;
    background-size:400px 780px;
    background-repeat:no-repeat;
    opacity:1;
    pointer-events:none;
    transform:none;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-field,
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-select,
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-pill,
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-social-btn{
    background:transparent;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-form__title,
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-pill:has(input:checked),
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-divider{
    color:#673eda;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-form__title{
    color:#673eda;
    letter-spacing:0;
    transform:scaleX(1);
    transform-origin:center center;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-form__title{
    position:relative;
    top:0;
    filter:blur(.12px);
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-form__subtitle{
    position:relative;
    top:1px;
    filter:blur(.12px);
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-field,
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-select,
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-pill{
    border-color:#673eda;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-divider::before,
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-divider::after{
    background:#7653d9;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-divider{
    position:relative;
    top:-1px;
    gap:15px;
    justify-content:flex-start;
    color:#7653d9;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-divider span{
    display:block;
    width:94px;
    text-align:center;
    font-weight:400;
    transform:scaleY(1.2);
    transform-origin:center center;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-divider::before,
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-divider::after{
    flex:0 0 84px;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-social-btn{
    border-color:#673eda;
    box-shadow:0 2px 5.6px rgba(103,62,218,.28);
    transform:translateX(-.5px);
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-social-btn img{
    width:30px;
    height:30px;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-social-btn--google img{
    content:image-set(url("../images/auth-signup-step1-320-google-icon-rect-figma.webp") type("image/webp"), url("../../graphics/raster/dbb6ef459a7ddcfe73171f6b.webp") type("image/webp"));
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-social-btn--facebook img{
    content:image-set(url("../images/auth-signup-step1-320-facebook-icon-rect-figma.webp") type("image/webp"), url("../../graphics/raster/f7b693c22288eb386f1bc35d.webp") type("image/webp"));
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__links{
    left:148px;
    right:auto;
    top:11px;
    width:162px;
    height:40px;
    gap:5px;
    font-size:16px;
    font-weight:500;
    line-height:21.856px;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__brand{
    left:10px;
    top:19.5px;
    width:99px;
    height:21px;
    filter:blur(.12px);
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__brand img{
    width:99px;
    height:21px;
    object-fit:contain;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__links a,
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__lang{
    opacity:.65;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__lang{
    opacity:1;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__links a{
    opacity:.85;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__links{
    filter:blur(.08px);
    transform:translateY(-.5px);
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__lang,
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__links a{
    position:relative;
    display:block;
    height:40px;
    flex:0 0 auto;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__lang{
    width:70px;
    color:#7653d9;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__links a{
    width:87px;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__lang-text,
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__login-text,
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__chevron,
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__login-arrow{
    position:absolute;
    display:block;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__lang-text{
    left:10px;
    top:9px;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__login-text{
    left:10px;
    top:9px;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__chevron{
    left:47px;
    top:15.5px;
    width:12px;
    height:7px;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__login-arrow{
    left:63px;
    top:15.5px;
    width:15px;
    height:8px;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__fallback{
    display:none;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-field,
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-select{
    font-size:16px;
    line-height:30px;
    letter-spacing:-0.16px;
    filter:blur(.08px);
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-field{
    font-weight:400;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-select{
    font-weight:500;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-select-wrap::after{
    right:15px;
    top:calc(50% - 4.5px);
    width:16px;
    height:11px;
    background:#b6b6b6;
    border:0;
    transform:none;
    clip-path:polygon(50% 100%,0 0,100% 0);
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-pill{
    font-size:16px;
    line-height:30px;
    font-weight:500;
    letter-spacing:-0.16px;
    gap:8px;
    filter:blur(.08px);
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-pill:has(input:checked){
    color:#673eda;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-pill__label{
    display:inline-block;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-pill:has(input:checked) .na-auth-pill__label{
    font-weight:500;
    letter-spacing:0;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-pill__dot{
    width:16px;
    height:16px;
    border:4px solid #d9d9d9;
    background:#673eda;
    box-sizing:border-box;
    box-shadow:0 4px 4px rgba(0,0,0,.25);
    flex:0 0 16px;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-pill:has(input:checked) .na-auth-pill__dot::after{
    content:none;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-pill:not(:has(input:checked)) .na-auth-pill__dot{
    border:4px solid #9e9e9e;
    background:transparent;
    box-sizing:border-box;
    box-shadow:none;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-pill:not(:has(input:checked)) .na-auth-pill__dot::after{
    content:none;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-btn{
    position:relative;
    background:#7653d9;
    font-size:20px;
    line-height:30px;
    font-weight:500;
    letter-spacing:-0.2px;
    filter:blur(.08px);
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-btn__text,
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-btn__arrow{
    position:absolute;
    display:block;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-btn__text{
    left:92px;
    top:15px;
    color:#fff;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-btn__arrow{
    left:189px;
    top:26px;
    width:15px;
    height:8px;
  }
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-divider span{
    display:block;
    width:94px;
    height:10px;
    overflow:visible;
    text-align:center;
    font-size:14px;
    line-height:10px;
    font-weight:500;
    letter-spacing:-0.14px;
    color:#673eda;
    transform:none;
    transform-origin:center center;
  }
}

/* Final signup-step-2 source layer. Keep this after signup-step-1 overrides. */
.na-auth-page--step2 .na-auth-page__panel::before{
  content:none;
}
.na-auth-page--step2{
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
.na-auth-page--step2 .na-auth-btn{
  background:#7653d9;
  box-shadow:0 2px 5.6px 4px rgba(103,62,218,.45);
}
.na-auth-page--step2 .na-auth-btn--ghost,
.na-auth-page--step2 .na-auth-btn--ghost:hover{
  background:#c2c2c2;
  margin-top:10px;
  box-shadow:none;
}
.na-auth-page--step2 .na-auth-checks{
  width:233px;
}
.na-auth-page--step2 .na-auth-check{
  grid-template-columns:15px 208px;
  gap:10px;
  align-items:flex-start;
  height:25px;
  min-height:25px;
  overflow:visible;
}
.na-auth-page--step2 .na-auth-check input{
  width:15px;
  height:15px;
  border-radius:2px;
  border:1px solid #9d9d9d;
  background:transparent;
  top:5px;
}
.na-auth-page--step2 .na-auth-check input:checked{
  border-color:#673eda;
  background:#673eda;
}
.na-auth-page--step2 .na-auth-check input:checked::after{
  left:4px;
  top:3px;
  width:7px;
  height:5px;
  border:0;
  background:#fff;
  clip-path:polygon(14% 45%,38% 70%,86% 14%,100% 30%,40% 100%,0 58%);
  transform:none;
}
.na-auth-page--step2 .na-auth-check:first-child span{
  color:#000;
  font-size:9px;
  line-height:13px;
  font-weight:600;
}
.na-auth-page--step2 .na-auth-check:first-child a{
  color:#673eda;
  text-decoration:underline;
}
.na-auth-page--step2 .na-auth-check:nth-child(2) span{
  color:#000;
  font-size:9px;
  line-height:13px;
  font-weight:400;
}
.na-auth-page--step2 .na-auth-field{
  color:#9e9e9e;
  font-size:16px;
  line-height:30px;
  font-weight:500;
  letter-spacing:-.16px;
  filter:blur(.08px);
}
.na-auth-page--step2 .na-auth-field::placeholder{
  color:#9e9e9e;
  opacity:1;
}
.na-auth-page--step2 .na-auth-btn{
  position:relative;
  font-size:20px;
  line-height:30px;
  font-weight:500;
  letter-spacing:-.2px;
  filter:blur(.08px);
}
.na-auth-page--step2 .na-auth-btn__text{
  color:#fff;
}

@media (min-width:1200px){
  .na-auth-page--step2 .na-auth-bg-layer--root{
    background:image-set(url("../images/auth-forgot-1280-bg-root-figma.webp") type("image/webp"), url("../../graphics/raster/9ef9dc16d3a052b18b04ef56.webp") type("image/webp")) center center/100% 100% no-repeat;
  }
  .na-auth-page--step2 .na-auth-bg-layer--silhouette{
    background:url("../../banners/auth-silhouette.svg") center center/100% 100% no-repeat;
    opacity:1;
  }
  .na-auth-page--step2 .na-auth-page__panel{
    background:transparent image-set(url("../images/auth-signup-step1-1280-panel-group-figma.webp") type("image/webp"), url("../../graphics/raster/4c7075b26b7e23b4fdea08b7.webp") type("image/webp")) center center/100% 100% no-repeat;
  }
  .na-auth-page--step2 .na-auth-page__chevron{
    content:image-set(url("../images/auth-signup-step1-480-lang-chevron-figma.webp") type("image/webp"), url("../../graphics/raster/9d62362133ecaffb86a588a8.webp") type("image/webp"));
  }
  .na-auth-page--step2 .na-auth-page__links{
    left:min(1016px, calc(100vw - 224px));
  }
}

@media (min-width:641px) and (max-width:1199px){
  .na-auth-page--step2 .na-auth-bg-layer--root{
    background:image-set(url("../images/auth-signup-step1-320-bg-root-figma.webp") type("image/webp"), url("../../graphics/raster/ef9446515908042b46ce4860.webp") type("image/webp")) center center/100% 100% no-repeat;
  }
  .na-auth-page--step2 .na-auth-bg-layer--silhouette{
    background:url("../../banners/auth-silhouette.svg") center center/100% 100% no-repeat;
    opacity:1;
  }
  .na-auth-page--step2 .na-auth-page__panel{
    background:transparent image-set(url("../images/auth-signup-step2-960-panel-group-figma.webp") type("image/webp"), url("../../graphics/raster/e3f59e9481436c4aa5d1ca13.webp") type("image/webp")) center center/100% 100% no-repeat;
  }
  .na-auth-page--step2 .na-auth-page__chevron{
    content:image-set(url("../images/auth-signup-step1-480-lang-chevron-figma.webp") type("image/webp"), url("../../graphics/raster/9d62362133ecaffb86a588a8.webp") type("image/webp"));
  }
  .na-auth-page--step2 .na-auth-page__links{
    left:min(716px, calc(100vw - 224px));
  }
}

@media (min-width:481px) and (max-width:640px){
  .na-auth-page--step2 .na-auth-form__title{
    transform:none;
  }
  .na-auth-page--step2 .na-auth-stage{
    --bg-x:-240px;
    --silhouette-x:234px;
  }
  .na-auth-page--step2 .na-auth-page__brand{
    left:20px;
    top:30px;
    width:142px;
    height:30px;
  }
  .na-auth-page--step2 .na-auth-page__brand img{
    width:142px;
    height:30px;
    object-fit:contain;
  }
  .na-auth-page--step2 .na-auth-page__links{
    left:min(416px, calc(100vw - 224px));
    right:auto;
    top:20px;
    width:204px;
    height:50px;
    gap:10px;
    font-size:19px;
    line-height:25.954px;
    font-weight:500;
    filter:blur(.08px);
    transform:translateY(-.5px);
  }
  .na-auth-page--step2 .na-auth-page__lang,
  .na-auth-page--step2 .na-auth-page__links a{
    position:relative;
    display:block;
    height:50px;
    flex:0 0 auto;
  }
  .na-auth-page--step2 .na-auth-page__lang{
    width:87px;
  }
  .na-auth-page--step2 .na-auth-page__links a{
    width:107px;
  }
  .na-auth-page--step2 .na-auth-page__lang-text,
  .na-auth-page--step2 .na-auth-page__login-text{
    left:16px;
    top:12px;
  }
  .na-auth-page--step2 .na-auth-page__chevron{
    left:58px;
    top:20.5px;
    width:13px;
    height:9px;
  }
  .na-auth-page--step2 .na-auth-page__login-arrow{
    left:77px;
    top:21.5px;
    width:15px;
    height:8px;
  }
  .na-auth-page--step2 .na-auth-bg-layer--root{
    background:image-set(url("../images/auth-signup-step1-640-bg-root-figma.webp") type("image/webp"), url("../../graphics/raster/a2030feaae76464a79391964.webp") type("image/webp")) center center/100% 100% no-repeat;
  }
  .na-auth-page--step2 .na-auth-bg-layer--silhouette{
    background:url("../../banners/auth-silhouette.svg") center center/100% 100% no-repeat;
    opacity:1;
  }
  .na-auth-page--step2 .na-auth-page__panel{
    background:transparent image-set(url("../images/auth-signup-step2-640-panel-group-figma.webp") type("image/webp"), url("../../graphics/raster/f8102f098ee7443d5bdd25ae.webp") type("image/webp")) center center/100% 100% no-repeat;
  }
  .na-auth-page--step2 .na-auth-page__chevron{
    content:image-set(url("../images/auth-signup-step1-480-lang-chevron-figma.webp") type("image/webp"), url("../../graphics/raster/9d62362133ecaffb86a588a8.webp") type("image/webp"));
  }
}

@media (min-width:321px) and (max-width:480px){
  .na-auth-page--step2 .na-auth-form__title{
    transform:none;
  }
  .na-auth-page--step2 .na-auth-page__links{
    left:min(274px, calc(100vw - 206px));
    right:auto;
    top:10px;
    width:196px;
    height:40px;
    gap:10px;
    font-size:16px;
    line-height:21.856px;
    font-weight:500;
    filter:blur(.08px);
    transform:translateY(-.5px);
  }
  .na-auth-page--step2 .na-auth-page__lang{
    width:87px;
  }
  .na-auth-page--step2 .na-auth-page__links a{
    width:99px;
  }
  .na-auth-page--step2 .na-auth-page__lang-text{
    left:16px;
    top:7px;
    font-size:19px;
    line-height:25.954px;
  }
  .na-auth-page--step2 .na-auth-page__login-text{
    left:16px;
    top:9px;
    font-size:16px;
    line-height:21.856px;
  }
  .na-auth-page--step2 .na-auth-page__chevron{
    left:58px;
    top:15.5px;
    width:13px;
    height:9px;
  }
  .na-auth-page--step2 .na-auth-page__login-arrow{
    left:65px;
    top:15.5px;
    width:15px;
    height:8px;
  }
  .na-auth-page--step2 .na-auth-bg-layer--root{
    background:image-set(url("../images/auth-signup-step1-640-bg-root-figma.webp") type("image/webp"), url("../../graphics/raster/a2030feaae76464a79391964.webp") type("image/webp")) center center/100% 100% no-repeat;
  }
  .na-auth-page--step2 .na-auth-bg-layer--silhouette{
    background:url("../../banners/auth-silhouette.svg") center center/100% 100% no-repeat;
    opacity:1;
  }
  .na-auth-page--step2 .na-auth-page__panel{
    background:transparent image-set(url("../images/auth-signup-step2-480-panel-group-figma.webp") type("image/webp"), url("../../graphics/raster/813152acf65d8f9fb0ed7a02.webp") type("image/webp")) -80px 0/640px 700px no-repeat;
  }
  .na-auth-page--step2 .na-auth-page__chevron{
    content:image-set(url("../images/auth-signup-step1-480-lang-chevron-figma.webp") type("image/webp"), url("../../graphics/raster/9d62362133ecaffb86a588a8.webp") type("image/webp"));
  }
}

@media (max-width:320px){
  .na-auth-page--step2 .na-auth-form__title{
    transform:none;
  }
  .na-auth-page--step2 .na-auth-checks{
    width:229px;
    margin-top:28px;
    margin-left:44px;
    gap:8px;
  }
  .na-auth-page--step2 .na-auth-check{
    grid-template-columns:14px 207px;
    gap:8px;
    min-height:24px;
    height:auto;
  }
  .na-auth-page--step2 .na-auth-check input{
    width:14px;
    height:14px;
    top:4px;
  }
  .na-auth-page--step2 .na-auth-check:first-child span{
    color:#171717;
    font-size:8.5px;
    line-height:12px;
    font-weight:500;
  }
  .na-auth-page--step2 .na-auth-check:nth-child(2) span{
    color:#232323;
    font-size:8.5px;
    line-height:12px;
    max-width:166px;
  }
  .na-auth-page--step2 .na-auth-btn{
    margin-top:36px;
    box-shadow:0 2px 5px 2px rgba(103,62,218,.34);
  }
  .na-auth-page--step2 .na-auth-btn--ghost,
  .na-auth-page--step2 .na-auth-btn--ghost:hover{
    margin-top:13px;
    box-shadow:none;
  }
  .na-auth-page--step2 .na-auth-page__links{
    left:148px;
    right:auto;
    top:10px;
    width:162px;
    height:40px;
    gap:5px;
    font-size:16px;
    line-height:21.856px;
    transform:none;
  }
  .na-auth-page--step2 .na-auth-page__lang{
    width:70px;
  }
  .na-auth-page--step2 .na-auth-page__links a{
    width:87px;
  }
  .na-auth-page--step2 .na-auth-page__lang-text,
  .na-auth-page--step2 .na-auth-page__login-text{
    left:10px;
    top:9px;
  }
  .na-auth-page--step2 .na-auth-page__chevron{
    left:47px;
    top:15.5px;
    width:13px;
    height:9px;
  }
  .na-auth-page--step2 .na-auth-page__login-arrow{
    left:63px;
    top:16px;
    width:15px;
    height:8px;
  }
  .na-auth-page--step2 .na-auth-bg-layer--root{
    background:image-set(url("../images/auth-signup-step1-640-bg-root-figma.webp") type("image/webp"), url("../../graphics/raster/a2030feaae76464a79391964.webp") type("image/webp")) center center/100% 100% no-repeat;
  }
  .na-auth-page--step2 .na-auth-bg-layer--silhouette{
    background:url("../../banners/auth-silhouette.svg") center center/100% 100% no-repeat;
    opacity:1;
  }
  .na-auth-page--step2 .na-auth-page__panel{
    background:transparent image-set(url("../images/auth-signup-step2-320-panel-group-figma.webp") type("image/webp"), url("../../graphics/raster/8d7b0d7742993528e6b5b305.webp") type("image/webp")) -240px 0/640px 700px no-repeat;
  }
  .na-auth-page--step2 .na-auth-page__chevron{
    content:image-set(url("../images/auth-signup-step1-480-lang-chevron-figma.webp") type("image/webp"), url("../../graphics/raster/9d62362133ecaffb86a588a8.webp") type("image/webp"));
  }
}

/* Owner live-rejection repair: fill tall mobile viewports instead of exposing dark body below the create form. */
@media (max-width:640px){
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-stage,
  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__shell{
    height:max(var(--frame-h), 100dvh);
    min-height:max(var(--frame-h), 100dvh);
  }

  .na-auth-page--create:not(.na-auth-page--step2) .na-auth-page__panel{
    height:calc(max(var(--frame-h), 100dvh) - var(--panel-y));
  }
}