.numera-cine-auth .numera-cine-scene[data-connections]::before {
  display: none !important;
}

.numera-cine-auth .numera-cine-scene[data-connections]::after {
  animation: none;
  background: linear-gradient(90deg, #050711c7, transparent 57%),
    linear-gradient(0deg, #050711fa 0%, #0507119c 27%, transparent 58%);
}

.signin-orbit {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: scale(1.035);
  transform-origin: 82% 35%;
}

.signin-route { --delay: 0s; }
.signin-route:nth-of-type(2) { --delay: -1.8s; }
.signin-route:nth-of-type(3) { --delay: -3.6s; }

.signin-trail, .signin-signal, .signin-pulse {
  fill: none;
  stroke-linecap: round;
}

.signin-trail {
  stroke: #b6edff;
  stroke-width: 1.4;
  opacity: .48;
}

.signin-node {
  fill: #fff6dd;
  filter: drop-shadow(0 0 6px #7ae3ff);
}

.signin-signal {
  stroke: #d4faff;
  stroke-width: 3.5;
  stroke-dasharray: 12 88;
  filter: drop-shadow(0 0 7px #56dcff);
  opacity: 0;
}

.signin-pulse {
  stroke: #b5f2ff;
  stroke-width: 1.8;
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
}

.signin-story {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  justify-self: start;
  z-index: 3;
  margin: clamp(100px, 24vh, 235px) 0 0;
  max-width: 500px;
  color: #fff;
  text-shadow: 0 2px 16px #050711;
}

.signin-story h2 {
  color: inherit;
  font-size: clamp(34px, 4.3vw, 68px);
  letter-spacing: -.055em;
  line-height: .98;
  margin: 0;
  text-wrap: balance;
}

.signin-story p {
  color: #ecf2fd;
  font-size: clamp(13px, 1.25vw, 18px);
  margin: 12px 0 14px;
}



@media (prefers-reduced-motion: no-preference) {
  .signin-orbit { animation: signin-drift 8s ease-in-out infinite alternate; }
  .signin-signal { animation: signin-send 5.4s linear var(--delay) infinite; }
  .signin-pulse { animation: signin-arrive 5.4s linear var(--delay) infinite; }
}


@keyframes signin-drift {
  from { transform: scale(1.035); }
  to { transform: scale(1.21) translate(-2%, -2%); }
}

@keyframes signin-send {
  0% { stroke-dashoffset: 12; opacity: 0; }
  4%, 30% { opacity: 1; }
  34%, 100% { stroke-dashoffset: -100; opacity: 0; }
}

@keyframes signin-arrive {
  0%, 27% { transform: scale(.35); opacity: 0; }
  33% { opacity: .85; }
  49%, 100% { transform: scale(2); opacity: 0; }
}

@media (max-width: 950px) {
  .signin-orbit {
    height: 360px;
    mask-image: linear-gradient(#000 0%, #000 64%, transparent);
  }

  .numera-auth-desktop.numera-auth-compact.numera-cine-auth:has(.signin-story) {
    padding-top: 24px !important;
    grid-template-rows: auto 1fr;
    row-gap: 18px;
  }

  .numera-cine-auth:has(.signin-story) .numera-auth-panel.numera-auth-card {
    grid-row: 2 !important;
  }

  .numera-cine-auth .numera-cine-scene[data-connections]::after {
    background: linear-gradient(90deg, #050711d4, #05071136 80%),
      linear-gradient(0deg, #050711f5 0%, transparent 68%);
  }

  .signin-story {
    grid-column: 1;
    align-self: start;
    width: min(100%, 480px);
    justify-self: center;
    margin: 0;
    padding: 0 8px;
  }

  .signin-story h2 { font-size: clamp(29px, 6vw, 44px); }
  .signin-story p { margin: 8px 0; }
}

@media (prefers-reduced-motion: reduce) {

}

@media (max-width: 600px) {
  .numera-auth-desktop.numera-auth-compact.numera-cine-auth:has(.signin-story) {
    min-height: 0 !important;
    padding: 8px 12px 12px !important;
    grid-template-rows: auto auto;
    row-gap: 6px;
  }

  .numera-cine-auth .signin-orbit {
    height: 220px;
    mask-image: linear-gradient(#000 30%, transparent);
  }

  .numera-cine-auth .signin-story {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 8px;
    padding: 0 4px;
  }

  .numera-cine-auth .signin-story h2 {
    font-size: clamp(16px, 4.4vw, 23px);
    line-height: 1.12;
    letter-spacing: -.035em;
    text-wrap: initial;
  }

  .numera-cine-auth .signin-story p {
    grid-column: 1 / -1;
    font-size: 12px;
    line-height: 1.3;
    margin: 0 0 4px;
  }


  .numera-auth-desktop.numera-auth-compact.numera-cine-auth .numera-auth-panel.numera-auth-card {
    padding: 47px 12px 10px !important;
    border-radius: 19px !important;
  }

  .numera-cine-auth .numera-auth-panel .numera-auth-brand {
    margin: 0 auto 4px !important;
    gap: 7px !important;
    font-size: 15px !important;
  }

  .numera-cine-auth .numera-auth-brand img {
    width: 27px;
    height: 27px;
  }

  .numera-cine-auth .numera-auth-panel h1 {
    font-size: 23px !important;
    margin-bottom: 6px !important;
  }

  .numera-cine-auth[data-auth-mode="login"] .numera-auth-panel h1 {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }

  .numera-cine-auth[data-auth-mode="login"] .numera-auth-panel > .numera-muted {
    display: none;
  }

  .numera-cine-auth .numera-auth-panel > .numera-muted {
    margin-bottom: 7px !important;
  }

  .numera-cine-auth #auth-form { gap: 5px !important; }

  .numera-cine-auth .numera-auth-panel input:not([type=checkbox]) {
    height: 44px !important;
    min-height: 44px !important;
    font-size: 16px !important;
  }

  .numera-cine-auth .numera-auth-panel .numera-button-primary {
    min-height: 44px !important;
    padding-block: 7px !important;
  }

  .numera-cine-auth .numera-human-verification {
    gap: 2px !important;
    padding-top: 0 !important;
  }

  .numera-auth-desktop.numera-auth-compact.numera-cine-auth .numera-auth-panel .numera-google-block {
    margin: 5px 0 0 !important;
  }
  .numera-cine-auth .numera-google-divider { display: none; }
  .numera-cine-auth .numera-auth-switch { min-height: 36px; }
  .numera-cine-auth .numera-cine-legal { margin: 0 !important; line-height: 1.3; }

  body:has(.numera-cine-auth) #numera-cookie-banner {
    gap: 6px;
    margin: 6px auto !important;
    padding: 7px 9px !important;
    border-radius: 14px;
  }

  body:has(.numera-cine-auth) .numera-cookie-copy .numera-cookie-eyebrow {
    display: none;
  }

  body:has(.numera-cine-auth) .numera-cookie-copy strong {
    margin-bottom: 2px;
    font-size: 13px;
    line-height: 1.2;
  }

  body:has(.numera-cine-auth) .numera-cookie-copy p {
    font-size: 11.5px;
    line-height: 1.25;
  }

  body:has(.numera-cine-auth) .numera-cookie-actions {
    flex-wrap: nowrap;
    gap: 5px;
  }

  body:has(.numera-cine-auth) .numera-cookie-actions button {
    min-height: 36px;
    padding: 4px 6px;
    font-size: 11px;
  }
}

@media (max-width: 360px) and (max-height: 640px) {
  .numera-auth-desktop.numera-auth-compact.numera-cine-auth:has(.signin-story) {
    padding-top: 4px !important;
    row-gap: 3px;
  }

  .numera-cine-auth .signin-story p,
  .numera-cine-auth .numera-human-copy small { display: none; }

  body:has(.numera-cine-auth) #numera-cookie-banner {
    margin-block: 3px !important;
    padding-block: 5px !important;
  }
}

@media (max-width: 600px) {
  .numera-cine-auth .signin-story {
    grid-template-columns: 24px minmax(0, 1fr);
    min-height: 29px;
    row-gap: 1px;
  }

  .signin-story-logo { width: 23px; height: 23px; }

  .numera-cine-auth .signin-story p {
    grid-column: 2;
    margin-bottom: 0;
  }

  .numera-auth-desktop.numera-auth-compact.numera-cine-auth .numera-auth-panel.numera-auth-card {
    padding: 46px 12px 9px !important;
  }

  .numera-cine-auth .numera-auth-panel .numera-auth-brand { display: none; }
  .numera-cine-auth .numera-auth-recovery-row .numera-link-button { padding: 4px 0; }
  .numera-cine-auth .numera-human-copy small { display: none; }
  .numera-cine-auth .numera-cine-legal { font-size: 11px; text-align: center; }

  body:has(.numera-cine-auth) .numera-cookie-copy:has(.signin-cookie-summary)
    > p:not(.signin-cookie-summary) { display: none; }
  body:has(.numera-cine-auth) .numera-cookie-copy > .signin-cookie-summary {
    display: block;
  }
}

.signin-story-logo, .signin-cookie-summary { display: none; }

@media (max-width: 600px) {
  .numera-cine-auth .signin-story-logo { display: block; }
}

.signin-phone-theme { display: none; }

@media (max-width: 850px) {
  .numera-shell .numera-main > .numera-topbar {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    min-height: 48px;
    padding: 5px 12px;
  }

  .numera-shell .numera-topbar > .numera-top-route { display: block !important; }
  .numera-shell .numera-topbar > .numera-47-search,
  .numera-shell .numera-topbar .numera-top-actions > :not(.numera-mode-desktop),
  .numera-shell .numera-sidebar > .numera-mode-mobile { display: none !important; }
  .numera-shell .numera-topbar .numera-mode-desktop { display: inline-flex; }
}

@media (max-width: 600px) {
  .numera-auth-desktop.numera-auth-compact .numera-auth-panel.numera-auth-card:has(.signin-phone-theme)
    > .numera-appearance-control { display: none !important; }

  .numera-auth-desktop.numera-auth-compact .numera-auth-panel.numera-auth-card
    > :is(.numera-auth-home, .numera-site-lang, .signin-phone-theme) {
    position: absolute !important;
    top: 5px !important;
  }

  .numera-auth-desktop.numera-auth-compact .numera-auth-panel.numera-auth-card > .signin-phone-theme {
    display: inline-flex;
    right: 8px;
    min-width: 78px;
    min-height: 36px;
    z-index: 40;
  }

  .numera-cine-auth .signin-story {
    min-height: 55px;
    align-content: end;
    padding-block: 0 5px;
  }

  .numera-cine-auth .numera-cine-scene[data-connections]::after {
    background: linear-gradient(90deg, #050711ac, transparent 85%),
      linear-gradient(0deg, #050711f5 0%, transparent 68%);
  }
}

@media (max-width: 600px) and (max-height: 690px) {
  .numera-auth-desktop.numera-auth-compact.numera-cine-auth[data-auth-mode="login"]:has(.signin-story) {
    padding: 2px 8px 1px !important;
    row-gap: 3px;
  }

  .numera-cine-auth[data-auth-mode="login"] .signin-story {
    min-height: 27px;
    padding-block: 0;
  }

  .numera-cine-auth[data-auth-mode="login"] .signin-story p,
  .numera-cine-auth[data-auth-mode="login"] .numera-human-copy { display: none !important; }

  .numera-auth-desktop.numera-auth-compact.numera-cine-auth[data-auth-mode="login"] .numera-auth-panel.numera-auth-card {
    padding: 43px 10px 5px !important;
  }

  .numera-cine-auth[data-auth-mode="login"] .numera-auth-switch {
    min-height: 30px;
    padding-block: 4px;
  }

  body:has(.numera-cine-auth[data-auth-mode="login"]) #numera-cookie-banner {
    margin-block: 2px !important;
    padding-block: 4px !important;
    gap: 4px;
  }

  body:has(.numera-cine-auth[data-auth-mode="login"])
    .numera-cookie-copy:has(.signin-cookie-summary) > strong { display: none; }
}
