/* AUTH REFRESH 06 — PRESENTATION ONLY */
/* Vivid cyan -> electric blue -> violet -> pink */
:root {
  --numera-spectrum: linear-gradient(
    105deg,#00d9f5 0%,#3973ff 31%,
    #8848ff 66%,#ff39aa 100%
  );
}

.numera-auth-desktop {
  min-height:100svh;
  background:#080b15;
  color:#f7f8ff;
}

.numera-auth-desktop .numera-auth-story {
  background:
    repeating-linear-gradient(
      145deg,transparent 0 109px,
      #5e7aff17 110px 111px,transparent 112px 190px
    ),
    linear-gradient(150deg,#050b1c 0%,#11142a 55%,#25102b 100%);
  border-right:1px solid #8587fa48;
}

.numera-auth-desktop .numera-auth-story-copy h2 {
  background:var(--numera-spectrum);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}

.numera-auth-desktop .numera-auth-story-photo {
  border:1px solid #8c75ff81;
  box-shadow:18px 24px 70px #02030b8a;
  border-radius:24px;
}

.numera-auth-desktop .numera-auth-panel {
  width:min(530px,calc(100% - 24px));
  max-width:530px;
  position:relative;
  padding:76px clamp(24px,3.5vw,48px) 40px;
  color:#f4f7ff;
  --text:#f4f7ff;
  --muted:#b3c1df;
  --border:#6d7698;
  border:1px solid transparent;
  border-radius:27px;
  background:
    linear-gradient(150deg,#182039,#11182b 58%,#20162f)
      padding-box,
    var(--numera-spectrum) border-box;
  box-shadow:
    0 25px 85px #0009,
    0 0 85px #7049ef24,
    inset 0 1px #ffffff24;
}

.numera-auth-desktop .numera-auth-panel h1 {
  color:#fff;
  font-size:clamp(34px,4vw,47px);
}

.numera-auth-desktop .numera-auth-panel .numera-muted,
.numera-auth-desktop .numera-auth-panel .numera-auth-availability {
  color:#b5c3df;
}

.numera-auth-desktop .numera-auth-panel label {
  color:#e1e8fb;
}

.numera-auth-desktop .numera-auth-panel input:not([type=checkbox]) {
  background:#0c1426;
  color:#fff;
  border:1px solid #506385;
  border-radius:14px;
  min-height:48px;
}

.numera-auth-desktop .numera-auth-panel input:not([type=checkbox]):focus {
  border-color:#47c6ff;
  background:#0e1931;
  box-shadow:0 0 0 4px #4d90ff25;
}

.numera-auth-desktop .numera-auth-panel .numera-button-primary {
  background:var(--numera-spectrum);
  color:#070c1b;
  border:0;
  font-weight:800;
  box-shadow:0 13px 39px #6e55ec4b;
}

.numera-auth-desktop .numera-auth-panel .numera-button-primary:hover {
  filter:saturate(1.2) brightness(1.08);
  transform:translateY(-2px);
}

.numera-return-home {
  position:absolute;
  top:22px;
  left:clamp(24px,3.5vw,48px);
  z-index:5;
  color:#d8eeff!important;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
  padding:8px 14px;
  background:#26385c;
  border:1px solid #7599de88;
  border-radius:100px;
  transition:background .2s,transform .2s;
}

.numera-return-home:hover {
  background:#345183;
  transform:translateX(-2px);
}

.numera-auth-panel > .numera-site-lang {
  top:21px;
  right:clamp(24px,3vw,45px);
  color:#edf5ff;
}

.numera-auth-panel .numera-site-lang select {
  color:#f5f7ff;
  background:#192b4b;
  max-width:155px;
  border:1px solid #7189bd88;
  border-radius:12px;
  padding:9px;
}

.numera-google-block {
  margin:23px 0 22px;
}

.numera-google-divider {
  color:#b6c6e3;
  margin-bottom:13px;
}

.numera-google-divider::before,
.numera-google-divider::after {
  background:#8294c64b;
}

#numera-google-signin {
  width:100%;
  min-height:48px;
  justify-content:center;
}

.numera-google-pending {
  width:100%;
  min-height:49px;
  background:#f5f7ff;
  border:1px solid #a5b5ee;
  color:#172344;
  border-radius:13px;
  font-weight:800;
  opacity:1;
  cursor:not-allowed;
}

.numera-google-pending:hover {
  background:#f5f7ff;
  color:#172344;
}

.numera-auth-desktop .numera-link-button,
.numera-auth-desktop .numera-auth-panel a {
  color:#a2d9ff;
}

.numera-auth-desktop .numera-auth-panel .numera-return-home {
  color:#e1f2ff!important;
}

.numera-auth-desktop .numera-human-verification {
  color:#e8efff;
}

.numera-auth-desktop .numera-human-copy small {
  color:#adbad6;
}

.numera-auth-desktop .numera-auth-panel [name=email],
.numera-auth-desktop .numera-auth-panel [name=password] {
  direction:ltr;
}

@media(max-width:860px) {
  .numera-auth-desktop .numera-auth-story {
    min-height:125px;
    padding:23px 25px;
  }
  .numera-auth-desktop .numera-auth-panel {
    margin:18px auto;
  }
}

@media(max-width:480px) {
  .numera-auth-desktop .numera-auth-panel {
    padding:73px 22px 29px;
  }
  .numera-return-home {left:20px;}
  .numera-auth-panel > .numera-site-lang {right:19px;}
  .numera-auth-panel .numera-site-lang select {
    max-width:120px;
    font-size:11px;
  }
}

@media(prefers-reduced-motion:reduce) {
  .numera-return-home,
  .numera-auth-desktop .numera-button-primary {
    transition:none;
  }
}