:root{
  --bg:#050712;
  --panel:#0b1020cc;
  --panel-2:#10162a;
  --line:#ffffff18;
  --line-strong:#8e74ff55;
  --text:#f4f7ff;
  --muted:#aeb6cc;
  --dim:#747c93;
  --violet:#8d4cff;
  --blue:#28a8ff;
  --cyan:#54e0ff;
  --shadow:0 32px 110px rgba(0,0,0,.56);
  --radius:28px;
}

*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
  overflow-x:hidden;
}

a{color:#8facff;text-decoration:none}
a:hover{color:#b7c7ff}

.nl-page{
  position:relative;
  min-height:100svh;
  overflow:hidden;
  isolation:isolate;
}

.nl-bg{
  position:fixed;
  inset:0;
  z-index:-3;
  background:
    radial-gradient(circle at 50% 16%, rgba(82,91,255,.18), transparent 28%),
    radial-gradient(circle at 5% 56%, rgba(36,172,255,.18), transparent 24%),
    radial-gradient(circle at 92% 38%, rgba(142,76,255,.28), transparent 30%),
    linear-gradient(180deg,#060916 0%,#050713 52%,#03040a 100%);
}

.nl-stars{
  position:absolute;
  inset:0;
  opacity:.26;
  background-image:
    radial-gradient(circle at 10% 15%,#fff 0 1px,transparent 1.6px),
    radial-gradient(circle at 23% 36%,#fff 0 1px,transparent 1.5px),
    radial-gradient(circle at 44% 18%,#fff 0 1px,transparent 1.6px),
    radial-gradient(circle at 69% 26%,#fff 0 1px,transparent 1.6px),
    radial-gradient(circle at 82% 61%,#fff 0 1px,transparent 1.6px),
    radial-gradient(circle at 37% 72%,#fff 0 1px,transparent 1.6px);
}

.nl-orb{
  position:absolute;
  width:80vmax;
  height:80vmax;
  border-radius:50%;
  filter:blur(34px);
  opacity:.44;
  pointer-events:none;
}

.nl-orb-a{
  left:-42vmax;
  top:30%;
  background:
    radial-gradient(circle at 65% 50%, rgba(46,169,255,.55), transparent 20%),
    radial-gradient(circle at 70% 42%, rgba(141,76,255,.35), transparent 29%),
    transparent;
}

.nl-orb-b{
  right:-45vmax;
  top:3%;
  background:
    radial-gradient(circle at 36% 40%, rgba(139,91,255,.62), transparent 18%),
    radial-gradient(circle at 30% 48%, rgba(78,116,255,.35), transparent 30%),
    transparent;
}

.nl-horizon{
  position:absolute;
  left:50%;
  bottom:-58vmin;
  width:155vmin;
  height:82vmin;
  transform:translateX(-50%);
  border-radius:50%;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(96,129,255,.3), transparent 48%),
    radial-gradient(ellipse at 50% 0%, rgba(72,168,255,.17), transparent 58%);
  box-shadow:
    0 -1px 28px rgba(86,112,255,.46),
    0 -18px 110px rgba(89,72,255,.2);
}

.nl-horizon:before{
  content:"";
  position:absolute;
  left:10%;
  right:10%;
  top:8%;
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(66,169,255,.62),rgba(152,95,255,.58),transparent);
  filter:blur(.2px);
}

.nl-shell{
  width:min(1220px,calc(100% - 40px));
  min-height:100svh;
  margin:0 auto;
  padding:72px 0 44px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:44px;
}

.nl-brand{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:12px;
  animation:nl-rise .7s ease both;
}

.nl-brand:before{
  content:"";
  width:420px;
  max-width:72vw;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(142,76,255,.25),rgba(84,224,255,.2),transparent);
  order:3;
  margin-top:8px;
}

.nl-logo-mark{
  width:74px;
  height:74px;
  display:inline-grid;
  place-items:center;
  border-radius:20px;
  background:
    linear-gradient(135deg,rgba(34,168,255,.22),transparent 45%),
    linear-gradient(135deg,#7d38ff,#28a8ff);
  box-shadow:
    0 0 48px rgba(124,68,255,.32),
    inset 0 1px 0 rgba(255,255,255,.28);
  transform:skew(-3deg);
}

.nl-logo-mark span{
  font-weight:950;
  font-size:46px;
  line-height:1;
  letter-spacing:-.08em;
  color:#fff;
  text-shadow:0 0 18px rgba(255,255,255,.4);
}

.nl-logo-text{
  margin-top:-72px;
  margin-left:228px;
  font-size:56px;
  line-height:1;
  letter-spacing:-.055em;
  font-weight:720;
}

.nl-logo-text span{color:#fff}
.nl-logo-text b{
  font-weight:420;
  background:linear-gradient(90deg,#fff,#9ca9ff,#fff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.nl-brand p{
  margin:8px 0 0;
  color:#a9b1ca;
  font-size:17px;
  letter-spacing:.02em;
}

.nl-auth-card{
  position:relative;
  width:min(860px,100%);
  border:1px solid var(--line-strong);
  border-radius:var(--radius);
  padding:44px 86px 30px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),
    radial-gradient(circle at 50% 0%,rgba(127,93,255,.15),transparent 45%),
    rgba(6,9,20,.78);
  box-shadow:
    var(--shadow),
    0 0 0 1px rgba(255,255,255,.035) inset,
    0 0 42px rgba(128,82,255,.22);
  backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px);
  overflow:hidden;
  animation:nl-rise .8s .08s ease both;
}

.nl-card-glow{
  position:absolute;
  left:17%;
  right:17%;
  top:-2px;
  height:2px;
  background:linear-gradient(90deg,transparent,#655cff,#c6b7ff,#34ccff,transparent);
  filter:blur(.3px);
  box-shadow:0 0 22px rgba(133,89,255,.78);
}

.nl-auth-card:before{
  content:"";
  position:absolute;
  inset:-120px -80px auto;
  height:220px;
  background:radial-gradient(ellipse at center,rgba(145,83,255,.18),transparent 66%);
  pointer-events:none;
}

.nl-auth-head{
  position:relative;
  text-align:center;
  margin-bottom:32px;
}

.nl-auth-head h1{
  margin:0;
  font-size:42px;
  line-height:1.08;
  letter-spacing:-.045em;
}

.nl-auth-head h1 span{
  background:linear-gradient(90deg,#f8fbff,#b7c5ff,#a96eff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.nl-auth-head p{
  margin:10px 0 0;
  color:var(--muted);
  font-size:16px;
}

.nl-tabs{
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  padding:0;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(9,13,27,.7);
  overflow:hidden;
  margin-bottom:38px;
}

.nl-tab{
  height:58px;
  border:0;
  color:#cbd2e7;
  background:transparent;
  cursor:pointer;
  font:700 17px/1 Inter,system-ui,sans-serif;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  transition:.25s ease;
}

.nl-tab svg{
  width:24px;
  height:24px;
  fill:currentColor;
}

.nl-tab.is-active{
  color:#fff;
  background:
    linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.03)),
    linear-gradient(135deg,rgba(42,169,255,.28),rgba(141,76,255,.34));
  box-shadow:
    0 0 28px rgba(128,77,255,.35),
    inset 0 0 0 1px rgba(151,118,255,.72);
}

.nl-auth-body{
  display:grid;
  grid-template-columns:1fr 1px .74fr;
  gap:38px;
  align-items:center;
}

.nl-divider{
  width:1px;
  height:178px;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.15),transparent);
}

.nl-auth-side{
  min-width:0;
}

.nl-method-title{
  display:flex;
  align-items:center;
  gap:22px;
  margin-bottom:28px;
}

.nl-method-icon,.nl-email-icon{
  position:relative;
  flex:0 0 auto;
  width:82px;
  height:82px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02)),
    rgba(9,14,30,.72);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
}

.nl-method-icon:before{
  content:"";
  position:absolute;
  inset:13px;
  border-radius:50%;
  background:linear-gradient(135deg,#25b8ff,#7c4dff);
  box-shadow:0 0 28px rgba(43,163,255,.45);
}

.nl-method-icon:after{
  content:"";
  position:absolute;
  inset:-11px;
  border-radius:50%;
  border:1px solid rgba(127,102,255,.22);
}

.nl-method-icon svg{
  position:relative;
  z-index:1;
  width:34px;
  height:34px;
  fill:#fff;
}

.nl-method-title h2{
  margin:0;
  font-size:20px;
  line-height:1.18;
  letter-spacing:-.025em;
}

.nl-method-title p{
  margin:9px 0 0;
  color:var(--muted);
  font-size:15px;
}

.nl-primary-btn,.nl-secondary-btn{
  width:100%;
  min-height:66px;
  border-radius:14px;
  border:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  font:800 18px/1 Inter,system-ui,sans-serif;
  cursor:pointer;
  transition:transform .22s ease,filter .22s ease,box-shadow .22s ease;
}

.nl-primary-btn{
  color:#fff;
  background:linear-gradient(100deg,#2aa8ff,#7d4dff 55%,#a121ff);
  box-shadow:
    0 20px 46px rgba(80,89,255,.31),
    inset 0 1px 0 rgba(255,255,255,.25);
}

.nl-primary-btn:hover{
  color:#fff;
  transform:translateY(-2px);
  filter:saturate(1.13) brightness(1.05);
  box-shadow:
    0 25px 58px rgba(101,83,255,.38),
    inset 0 1px 0 rgba(255,255,255,.28);
}

.nl-primary-btn svg{
  width:25px;
  height:25px;
  fill:currentColor;
}

.nl-email-side{
  display:flex;
  flex-direction:column;
  gap:12px;
  opacity:.78;
}

.nl-email-icon{
  margin:0 auto 10px;
  width:70px;
  height:70px;
  border-radius:22px;
  color:#c7cde0;
  background:rgba(255,255,255,.055);
}

.nl-email-icon svg{
  width:34px;
  height:34px;
  fill:currentColor;
}

.nl-input-label{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
}

.nl-email-side input{
  width:100%;
  height:48px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(3,6,16,.44);
  color:#fff;
  outline:0;
  padding:0 16px;
  font:500 15px/1 Inter,system-ui,sans-serif;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.nl-email-side input:focus{
  border-color:rgba(127,96,255,.8);
  box-shadow:0 0 0 4px rgba(123,83,255,.14);
}

.nl-email-side input::placeholder{color:#8b92a6}

.nl-secondary-btn{
  min-height:48px;
  color:#dbe2f4;
  font-size:15px;
  border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.055));
}

.nl-secondary-btn:hover{
  color:#fff;
  transform:translateY(-1px);
}

.nl-email-note{
  min-height:18px;
  margin:2px 0 0;
  color:#8992aa;
  font-size:12px;
  text-align:center;
}

.nl-legal{
  margin-top:32px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#99a2bb;
  font-size:14px;
  text-align:center;
}

.nl-legal svg{
  width:22px;
  height:22px;
  fill:#8793ad;
  flex:0 0 auto;
}

.nl-benefits{
  width:100%;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
  animation:nl-rise .8s .14s ease both;
}

.nl-benefit{
  min-height:128px;
  border-radius:18px;
  padding:27px 24px;
  display:flex;
  align-items:center;
  gap:20px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.018)),
    rgba(7,11,24,.72);
  border:1px solid rgba(255,255,255,.095);
  box-shadow:
    0 18px 54px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.nl-benefit-icon{
  width:64px;
  height:64px;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  color:#8e6cff;
  border:1px solid rgba(141,76,255,.55);
  background:
    radial-gradient(circle at 50% 35%,rgba(141,76,255,.26),transparent 56%),
    rgba(12,16,34,.88);
  box-shadow:0 0 28px rgba(113,72,255,.18);
}

.nl-benefit-icon svg{
  width:32px;
  height:32px;
  fill:currentColor;
}

.nl-benefit h3{
  margin:0;
  font-size:18px;
  line-height:1.16;
  letter-spacing:-.02em;
}

.nl-benefit p{
  margin:9px 0 0;
  color:#a6aec5;
  font-size:14px;
  line-height:1.4;
}

@keyframes nl-rise{
  from{opacity:0;transform:translateY(18px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@media (max-width:980px){
  .nl-shell{padding:42px 0 34px;gap:30px}
  .nl-auth-card{padding:34px 28px 26px}
  .nl-auth-body{grid-template-columns:1fr;gap:24px}
  .nl-divider{display:none}
  .nl-email-side{
    padding-top:22px;
    border-top:1px solid rgba(255,255,255,.08);
  }
  .nl-benefits{grid-template-columns:repeat(2,1fr)}
  .nl-logo-text{font-size:46px;margin-left:198px}
  .nl-logo-mark{width:64px;height:64px}
  .nl-logo-mark span{font-size:40px}
}

@media (max-width:620px){
  .nl-shell{
    width:min(100% - 24px,1220px);
    justify-content:flex-start;
    padding-top:34px;
  }

  .nl-brand{gap:9px}
  .nl-logo-mark{width:54px;height:54px;border-radius:16px}
  .nl-logo-mark span{font-size:34px}
  .nl-logo-text{
    margin-top:-54px;
    margin-left:164px;
    font-size:36px;
  }
  .nl-brand p{font-size:14px;margin-top:10px}

  .nl-auth-card{
    border-radius:22px;
    padding:28px 18px 22px;
  }

  .nl-auth-head h1{font-size:32px}
  .nl-tabs{border-radius:15px;margin-bottom:26px}
  .nl-tab{height:54px;font-size:15px}
  .nl-method-title{
    flex-direction:column;
    text-align:center;
    gap:14px;
  }
  .nl-primary-btn{min-height:58px;font-size:16px}
  .nl-benefits{grid-template-columns:1fr;gap:14px}
  .nl-benefit{min-height:104px;padding:20px}
  .nl-legal{font-size:12px;align-items:flex-start}
}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
}

/* === NEROLINK TRUE AUTH TABS V2 START === */

.nl-auth-card[data-auth-mode="telegram"] .nl-auth-head h1::after{
  content:"";
}

.nl-auth-body{
  display:block !important;
  max-width:520px;
  margin:0 auto;
}

.nl-divider{
  display:none !important;
}

.nl-auth-side{
  display:none !important;
  opacity:1 !important;
  animation:nl-tab-in .28s ease both;
}

.nl-auth-side.is-panel-active{
  display:block !important;
}

.nl-telegram-side,
.nl-email-side{
  width:100%;
}

.nl-email-side{
  padding-top:0 !important;
  border-top:0 !important;
  gap:14px;
}

.nl-method-title{
  justify-content:flex-start;
}

.nl-email-panel-title{
  text-align:center;
  margin:-2px 0 18px;
}

.nl-email-panel-title h2{
  margin:0;
  color:#f5f7ff;
  font-size:20px;
  line-height:1.18;
  letter-spacing:-.025em;
}

.nl-email-panel-title p{
  margin:9px 0 0;
  color:var(--muted);
  font-size:15px;
}

.nl-email-side .nl-email-icon{
  margin:0 auto 16px;
  width:82px;
  height:82px;
  border-radius:50%;
  background:
    linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025)),
    rgba(9,14,30,.72);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:
    0 0 28px rgba(126,87,255,.16),
    inset 0 0 0 1px rgba(255,255,255,.035);
}

.nl-email-side .nl-email-icon svg{
  width:38px;
  height:38px;
}

.nl-email-side input{
  height:56px;
  border-radius:14px;
  font-size:16px;
  background:rgba(3,6,16,.5);
}

.nl-secondary-btn{
  min-height:56px;
  border-radius:14px;
  font-size:16px;
}

.nl-auth-card[data-auth-mode="email"] .nl-secondary-btn{
  color:#fff;
  background:linear-gradient(100deg,#2aa8ff,#7d4dff 55%,#a121ff);
  box-shadow:
    0 20px 46px rgba(80,89,255,.25),
    inset 0 1px 0 rgba(255,255,255,.22);
}

.nl-auth-card[data-auth-mode="email"] .nl-secondary-btn:hover{
  transform:translateY(-2px);
  filter:saturate(1.12) brightness(1.04);
}

.nl-email-note{
  margin-top:6px;
  color:#9aa4bc;
}

@keyframes nl-tab-in{
  from{
    opacity:0;
    transform:translateY(10px) scale(.985);
    filter:blur(4px);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
    filter:blur(0);
  }
}

@media (max-width:620px){
  .nl-auth-body{
    max-width:100%;
  }

  .nl-method-title{
    justify-content:center;
  }
}

/* === NEROLINK TRUE AUTH TABS V2 END === */

/* === NEROLINK EMAIL BUTTON SPACING V3 START === */

.nl-email-side input{
  margin-bottom:16px !important;
}

.nl-email-side .nl-secondary-btn{
  width:min(82%, 360px) !important;
  margin:6px auto 0 !important;
  display:flex !important;
}

.nl-email-side .nl-email-note{
  margin-top:14px !important;
}

@media (max-width:620px){
  .nl-email-side input{
    margin-bottom:14px !important;
  }

  .nl-email-side .nl-secondary-btn{
    width:min(78%, 320px) !important;
    margin:4px auto 0 !important;
    min-height:54px !important;
  }

  .nl-email-side .nl-email-note{
    margin-top:12px !important;
  }
}

/* === NEROLINK EMAIL BUTTON SPACING V3 END === */

/* === NEROLINK INLINE EMAIL AUTH V4 START === */

.nl-email-code-wrap,
.nl-open-cabinet-wrap{
  display:none;
}

.nl-email-side.is-code-step .nl-email-code-wrap{
  display:block;
}

.nl-email-side.is-success-step .nl-open-cabinet-wrap{
  display:block;
}

.nl-email-side.is-success-step input,
.nl-email-side.is-success-step .nl-secondary-btn{
  display:none !important;
}

.nl-email-code-wrap{
  width:100%;
  margin:16px 0 0;
}

.nl-email-code-wrap input{
  text-align:center;
  letter-spacing:.22em;
  font-weight:800;
}

.nl-email-side input{
  margin-bottom:16px !important;
}

.nl-email-side .nl-secondary-btn{
  width:min(82%, 360px) !important;
  margin:6px auto 0 !important;
  display:flex !important;
}

.nl-email-side .nl-email-note{
  min-height:22px;
  margin-top:14px !important;
  line-height:1.35;
}

.nl-email-side .nl-email-note.is-error{
  color:#ff9aaf !important;
}

.nl-email-side .nl-email-note.is-success{
  color:#8fffd2 !important;
}

.nl-open-cabinet-btn{
  width:min(82%, 360px);
  min-height:56px;
  margin:14px auto 0;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:#fff;
  font:800 16px/1 Inter,system-ui,sans-serif;
  background:linear-gradient(100deg,#2aa8ff,#7d4dff 55%,#a121ff);
  box-shadow:
    0 20px 46px rgba(80,89,255,.25),
    inset 0 1px 0 rgba(255,255,255,.22);
}

.nl-open-cabinet-btn:hover{
  color:#fff;
  transform:translateY(-2px);
}

.nl-email-back-btn{
  margin:12px auto 0;
  border:0;
  background:transparent;
  color:#9ca7c5;
  font:700 13px/1 Inter,system-ui,sans-serif;
  cursor:pointer;
  display:none;
}

.nl-email-side.is-code-step .nl-email-back-btn{
  display:block;
}

.nl-email-back-btn:hover{
  color:#fff;
}

.nl-secondary-btn.is-loading{
  pointer-events:none;
  opacity:.72;
}

@media (max-width:620px){
  .nl-email-side .nl-secondary-btn,
  .nl-open-cabinet-btn{
    width:min(78%, 320px) !important;
    min-height:54px !important;
  }
}

/* === NEROLINK INLINE EMAIL AUTH V4 END === */

/* === NEROLINK INLINE EMAIL AUTH V5 START === */

.nl-email-code-wrap,
.nl-open-cabinet-wrap{
  display:none;
}

.nl-email-side.is-code-step .nl-email-code-wrap{
  display:block;
}

.nl-email-side.is-success-step .nl-open-cabinet-wrap{
  display:block;
}

.nl-email-side.is-code-step #emailInput{
  opacity:.62;
}

.nl-email-side.is-success-step #emailInput,
.nl-email-side.is-success-step #emailCodeInput,
.nl-email-side.is-success-step .nl-secondary-btn,
.nl-email-side.is-success-step .nl-email-code-wrap{
  display:none !important;
}

.nl-email-code-wrap{
  width:100%;
  margin:16px 0 0;
}

.nl-email-code-wrap input{
  text-align:center;
  letter-spacing:.18em;
  font-weight:800;
}

.nl-email-side input{
  margin-bottom:16px !important;
}

.nl-email-side .nl-secondary-btn{
  width:min(82%, 360px) !important;
  margin:6px auto 0 !important;
  display:flex !important;
}

.nl-email-side .nl-email-note{
  min-height:22px;
  margin-top:14px !important;
  line-height:1.35;
}

.nl-email-side .nl-email-note.is-error{
  color:#ff9aaf !important;
}

.nl-email-side .nl-email-note.is-success{
  color:#8fffd2 !important;
}

.nl-open-cabinet-btn{
  width:min(82%, 360px);
  min-height:56px;
  margin:14px auto 0;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:#fff;
  font:800 16px/1 Inter,system-ui,sans-serif;
  background:linear-gradient(100deg,#2aa8ff,#7d4dff 55%,#a121ff);
  box-shadow:
    0 20px 46px rgba(80,89,255,.25),
    inset 0 1px 0 rgba(255,255,255,.22);
}

.nl-open-cabinet-btn:hover{
  color:#fff;
  transform:translateY(-2px);
}

.nl-email-back-btn{
  margin:12px auto 0;
  border:0;
  background:transparent;
  color:#9ca7c5;
  font:700 13px/1 Inter,system-ui,sans-serif;
  cursor:pointer;
  display:none;
}

.nl-email-side.is-code-step .nl-email-back-btn{
  display:block;
}

.nl-email-back-btn:hover{
  color:#fff;
}

.nl-secondary-btn.is-loading{
  pointer-events:none;
  opacity:.72;
}

@media (max-width:620px){
  .nl-email-side .nl-secondary-btn,
  .nl-open-cabinet-btn{
    width:min(78%, 320px) !important;
    min-height:54px !important;
  }
}

/* === NEROLINK INLINE EMAIL AUTH V5 END === */

/* === NEROLINK INLINE EMAIL AUTH V6 START === */

.nl-email-code-wrap,
.nl-open-cabinet-wrap{
  display:none;
}

.nl-email-side.is-code-step .nl-email-code-wrap{
  display:block;
}

.nl-email-side.is-code-step #emailInput{
  opacity:.62;
}

.nl-email-side.is-success-step #emailInput,
.nl-email-side.is-success-step #emailCodeInput,
.nl-email-side.is-success-step .nl-secondary-btn,
.nl-email-side.is-success-step .nl-email-code-wrap{
  display:none !important;
}

.nl-email-side.is-success-step .nl-open-cabinet-wrap{
  display:block;
}

.nl-email-code-wrap{
  width:100%;
  margin:16px 0 0;
}

.nl-email-code-wrap input{
  text-align:center;
  letter-spacing:.16em;
  font-weight:800;
}

.nl-email-side input{
  margin-bottom:16px !important;
}

.nl-email-side .nl-secondary-btn{
  width:min(82%, 360px) !important;
  margin:6px auto 0 !important;
  display:flex !important;
}

.nl-email-side .nl-email-note{
  min-height:22px;
  margin-top:14px !important;
  line-height:1.35;
}

.nl-email-side .nl-email-note.is-error{
  color:#ff9aaf !important;
}

.nl-email-side .nl-email-note.is-success{
  color:#8fffd2 !important;
}

.nl-open-cabinet-btn{
  width:min(82%, 360px);
  min-height:56px;
  margin:14px auto 0;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:#fff;
  text-decoration:none;
  font:800 16px/1 Inter,system-ui,sans-serif;
  background:linear-gradient(100deg,#2aa8ff,#7d4dff 55%,#a121ff);
  box-shadow:
    0 20px 46px rgba(80,89,255,.25),
    inset 0 1px 0 rgba(255,255,255,.22);
}

.nl-open-cabinet-btn:hover{
  color:#fff;
  transform:translateY(-2px);
}

.nl-email-back-btn{
  margin:12px auto 0;
  border:0;
  background:transparent;
  color:#9ca7c5;
  font:700 13px/1 Inter,system-ui,sans-serif;
  cursor:pointer;
  display:none;
}

.nl-email-side.is-code-step .nl-email-back-btn{
  display:block;
}

.nl-email-back-btn:hover{
  color:#fff;
}

.nl-secondary-btn.is-loading{
  pointer-events:none;
  opacity:.72;
}

@media (max-width:620px){
  .nl-email-side .nl-secondary-btn,
  .nl-open-cabinet-btn{
    width:min(78%, 320px) !important;
    min-height:54px !important;
  }
}

/* === NEROLINK INLINE EMAIL AUTH V6 END === */
