/* AUTH ORIGINAL OWNER: restored from ucmu_stable_build/css/auth.css, adapted as active next-core feature CSS. */
:root{
  --bg:#05060a;
  --black:#000;
  --red:rgb(230,24,45);
  --red-glow:rgba(230,24,45,.70);
  --white:#fff;
  --muted:rgb(108,112,122);
  --auth-hint:#4e525a;
  --content:#E9EBF0;
  --dark-panel:rgba(5,6,10,.82);
  --capsule-w:308px;
  --capsule-h:56px;
  --circle:56px;
  --ease:cubic-bezier(.33,0,.16,1);
}
.auth-root {
  position: fixed;
  inset: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 54%, rgba(255,255,255,.030), transparent 22%),
    linear-gradient(180deg, #000 0%, #040405 55%, #000 100%);
}
.auth-root.locked button,
.auth-root.locked input { pointer-events: none; }

.stage {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  z-index: 2;
}
.stage::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  opacity: .145;
  background: repeating-linear-gradient(180deg, rgba(255,255,255,.16) 0px, rgba(255,255,255,.16) 1px, transparent 1px, transparent 5px);
  mix-blend-mode: screen;
}
.stage::after {
  content: none;
}
@keyframes tvSweep {
  0%, 76% { transform: translateX(-120%); opacity: 0; }
  82% { opacity: .05; }
  100% { transform: translateX(120%); opacity: 0; }
}
.center-stack {
  width: min(100vw, 430px);
  min-height: 560px;
  position: relative;
  z-index: 2;
}
.build-marker {
  position: fixed;
  right: 12px;
  bottom: 10px;
  color: rgba(108,112,122,.50);
  font-size: 9px;
  letter-spacing: .12em;
  z-index: 5;
}
.label {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  color: rgba(205,210,218,.72);
  letter-spacing: .36em;
  font-weight: 400;
  font-size: 10px;
  line-height: 1;
  text-align: center;
  opacity: 0;
  text-shadow: 0 0 8px rgba(255,255,255,.08);
  transition: opacity 760ms var(--ease), transform 760ms var(--ease);
}
.label.show { opacity: 1; }
.label.red { color: rgba(245,247,250,.86); text-shadow: 0 0 12px rgba(255,255,255,.12); }
.auth-root[data-step="registration"] .label {
  font-size: 10.5px;
  letter-spacing: .32em;
  font-weight: 500;
  color: rgba(205,210,218,.70);
}
.auth-root[data-step="registration"] #cap-operativeName { top: 224px; }
.auth-root[data-step="registration"] #cap-profileName { top: 286px; }
.auth-root[data-step="registration"] #cap-email { top: 348px; }
.auth-root[data-step="registration"] #cap-password { top: 410px; }

.bottom-link {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border: 0;
  background: transparent;
  padding: 12px 18px;
  color: rgba(170,174,182,.68);
  letter-spacing: .12em;
  font-size: 13.5px;
  font-weight: 700;
  opacity: 0;
  text-shadow: 0 0 12px rgba(255,255,255,.10);
  transition: opacity 760ms var(--ease), color 520ms var(--ease), text-shadow 780ms var(--ease), filter 780ms var(--ease);
}
.bottom-link.white { color: rgba(245,247,250,.86); }
.bottom-link.show { opacity: 1; }
.auth-bottom {
  position: fixed;
  top: auto;
  bottom: 56px;
  left: 50%;
  z-index: 20;
}
.auth-trigger.flash-red {
  animation: authTriggerRedFlash 820ms var(--ease) both;
}
@keyframes authTriggerRedFlash {
  0% { color: var(--red); text-shadow: 0 0 22px var(--red-glow), 0 0 44px rgba(230,24,45,.32); filter: brightness(1.6); }
  100% { color: inherit; text-shadow: inherit; filter: brightness(1); }
}

.capsule {
  position: absolute;
  left: 50%;
  width: var(--circle);
  height: var(--capsule-h);
  margin-left: calc(var(--circle) / -2);
  border-radius: 999px;
  opacity: 0;
  border: 3px solid rgba(255,255,255,.88);
  background: rgba(0,0,0,.02);
  box-shadow: 0 0 0 1px rgba(255,255,255,.035), 0 0 18px rgba(255,255,255,.055), inset 0 0 18px rgba(255,255,255,.020);
  transition: width 960ms var(--ease), margin-left 960ms var(--ease), opacity 280ms var(--ease), transform 160ms linear, border-color 140ms linear, box-shadow 140ms linear;
}
.capsule.open {
  opacity: 1;
  width: var(--capsule-w);
  margin-left: calc(var(--capsule-w) / -2);
}
.capsule.closing {
  width: var(--circle);
  margin-left: calc(var(--circle) / -2);
  transition-duration: 1229ms;
}
.capsule.fade-out { opacity: 0; transition: opacity 330ms var(--ease); }
.capsule.focus {
  box-shadow: 0 0 0 1px rgba(255,255,255,.045), 0 0 24px rgba(255,255,255,.09), inset 0 0 18px rgba(255,255,255,.026);
}
.capsule.error { animation: capsuleErrorRedFrame 820ms linear, fieldShake 440ms linear; }
@keyframes fieldShake {
  0%,100% { transform: translateX(0); }
  16% { transform: translateX(-10px); }
  32% { transform: translateX(9px); }
  48% { transform: translateX(-7px); }
  64% { transform: translateX(5px); }
  80% { transform: translateX(-2px); }
}
@keyframes capsuleErrorRedFrame {
  0%, 100% {
    border-color: rgba(255,255,255,.88);
    box-shadow: 0 0 18px rgba(255,255,255,.055), inset 0 0 18px rgba(255,255,255,.020);
  }
  18%, 52%, 82% {
    border-color: rgba(230,24,45,1);
    box-shadow: 0 0 26px rgba(230,24,45,.70), inset 0 0 22px rgba(230,24,45,.24);
  }
  34%, 68% {
    border-color: rgba(255,255,255,.78);
    box-shadow: 0 0 12px rgba(255,255,255,.055), inset 0 0 12px rgba(255,255,255,.018);
  }
}
.capsule input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: rgba(245,247,250,.88);
  text-align: center;
  padding: 0 42px;
  font-size: 15px;
  letter-spacing: .08em;
  text-transform: uppercase;
  caret-color: transparent;
  opacity: 1;
  -webkit-text-fill-color: rgba(245,247,250,.88);
  box-shadow: 0 0 0 1000px transparent inset;
  transition: background-color 9999s ease-out, color 9999s ease-out;
}
.capsule.email input,
.capsule.password input { text-transform: none; }
.capsule input:-webkit-autofill,
.capsule input:-webkit-autofill:hover,
.capsule input:-webkit-autofill:focus,
.capsule input:-webkit-autofill:active {
  -webkit-text-fill-color: rgba(245,247,250,.88);
  box-shadow: 0 0 0 1000px transparent inset;
  background-color: transparent;
  transition: background-color 9999s ease-out, color 9999s ease-out;
}
.capsule .hint {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none;
  color: var(--auth-hint);
  text-align: center;
  font-size: 13.5px;
  letter-spacing: .08em;
  opacity: 0;
  overflow: visible;
}

.capsule:not(.hints-ready) .hint {
  opacity: 0;
}

.capsule > .cursor { display: none; }
 .auth-field-hint-inline {
  position: relative;
  display: inline-block;
  color: var(--auth-hint);
  text-shadow: none;
  overflow: visible;
}
.auth-field-hint-first {
  position: relative;
  display: inline-block;
  line-height: 1;
  overflow: visible;
}
.auth-field-hint-cursor {
  position: absolute;
  left: 50%;
  top: 0.34em;
  transform: translateX(-50%);
  display: block;
  width: auto;
  height: auto;
  overflow: visible;
  color: var(--red);
  -webkit-text-fill-color: var(--red);
  background: transparent;
  box-shadow: none;
  text-shadow:
    0 0 7px var(--red-glow),
    0 0 14px rgba(230,24,45,.72),
    0 0 28px rgba(230,24,45,.42);
  font-size: 11px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0;
  z-index: 9;
  pointer-events: none;
  animation: cursorBlink 880ms ease-in-out infinite;
}
@keyframes cursorBlink {
  0%,18% { opacity: 1; }
  100% { opacity: 0; }
}
.eye {
  position: absolute;
  right: 15px;
  top: 50%;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  border: 0;
  outline: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  background-color: transparent;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  color: rgba(245,247,250,.48);
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
  z-index: 4;
  text-shadow: 0 0 8px rgba(255,255,255,.08);
  box-shadow: none;
  filter: none;
  -webkit-tap-highlight-color: transparent;
}
.eye:focus,
.eye:active,
.eye:hover {
  background: transparent;
  background-color: transparent;
  box-shadow: none;
  outline: 0;
}
.capsule.password input::-ms-reveal,
.capsule.password input::-ms-clear {
  display: none;
}
.eye.on { color: rgba(245,247,250,.86); }
.logo-zone {
  position: absolute;
  left: 50%;
  top: -70px;
  width: 212px;
  height: 212px;
  transform: translateX(-50%) scale(.56);
  opacity: 0;
  filter: blur(16px);
  overflow: hidden;
  border-radius: 50%;
  transition: opacity 3000ms var(--ease), transform 3000ms var(--ease), filter 3000ms var(--ease);
}
.logo-zone.show { opacity: 1; transform: translateX(-50%) scale(1); filter: blur(0px); }
.logo-aura {
  position: absolute;
  inset: -22px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.10), rgba(255,255,255,.030) 38%, transparent 70%);
  animation: logoAura 3.8s ease-in-out infinite;
}
@keyframes logoAura { 50% { transform: scale(1.12); opacity: .70; } }
.logo-img {
  position: absolute;
  inset: 0;
  object-fit: contain;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.logo-glint {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  overflow: hidden;
  opacity: 0;
  background:
    linear-gradient(118deg,
      transparent 0%,
      transparent 40%,
      rgba(255,255,255,.00) 44%,
      rgba(255,255,255,.68) 49%,
      rgba(255,255,255,.18) 51%,
      rgba(255,255,255,.00) 56%,
      transparent 100%);
  mix-blend-mode: screen;
  -webkit-mask: url("../assets/logo.webp") center / contain no-repeat;
  mask: url("../assets/logo.webp") center / contain no-repeat;
  animation: logoMaskedGlint 7.2s ease-in-out infinite;
}
@keyframes logoMaskedGlint {
  0%, 64% { opacity: 0; transform: translateX(-72%) skewX(-17deg); }
  71% { opacity: .44; }
  84% { opacity: .20; transform: translateX(72%) skewX(-17deg); }
  100% { opacity: 0; transform: translateX(72%) skewX(-17deg); }
}
.confirm-logo {
  top: -58px;
  width: 172px;
  height: 172px;
  transform: translateX(-50%) scale(.52);
}
.confirm-logo.show { transform: translateX(-50%) scale(.86); }
.confirm-panel {
  position: absolute;
  left: 50%;
  top: 170px;
  width: min(328px, calc(100vw - 48px));
  transform: translateX(-50%) translateY(10px);
  background: rgba(0,0,0,.18);
  border: 2px solid rgba(245,247,250,.84);
  border-radius: 28px;
  padding: 20px 20px 18px;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.035),
    0 0 22px rgba(255,255,255,.060),
    inset 0 0 22px rgba(255,255,255,.018);
  opacity: 0;
  transition: opacity 520ms var(--ease), transform 520ms var(--ease), box-shadow 520ms var(--ease);
}
.confirm-panel.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.confirm-panel.confirm-leaving {
  opacity: 0;
  transform: translateX(-50%) translateY(14px) scale(.985);
}
.logo-zone.confirm-leaving {
  transition: opacity 520ms var(--ease), transform 520ms var(--ease), filter 520ms var(--ease);
  opacity: 0;
  transform: translateX(-50%) scale(.70);
  filter: blur(10px);
}
.auth-status-card.confirm-leaving,
.confirm-item.confirm-leaving {
  opacity: 0;
  transform: translateY(8px);
}
.confirm-item {
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 520ms var(--ease), transform 520ms var(--ease);
}
.confirm-item.show {
  opacity: 1;
  transform: translateY(0);
}
.confirm-kicker {
  color: rgba(140,144,154,.72);
  font-size: 8.5px;
  letter-spacing: .34em;
  text-align: center;
  line-height: 1;
  margin-bottom: 10px;
}
.confirm-title {
  color: rgba(220,224,232,.84);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .31em;
  text-align: center;
  line-height: 1;
  margin-bottom: 18px;
  text-shadow: 0 0 10px rgba(255,255,255,.10);
}
.confirm-grid {
  display: grid;
  gap: 9px;
}
.confirm-row {
  min-height: 42px;
  border: 1px solid rgba(245,247,250,.30);
  border-radius: 999px;
  display: grid;
  grid-template-columns: 92px minmax(0,1fr);
  align-items: center;
  gap: 9px;
  padding: 0 14px;
  background: rgba(0,0,0,.10);
  box-shadow: inset 0 0 18px rgba(255,255,255,.012);
}
.confirm-row span {
  color: rgba(132,136,146,.72);
  font-size: 8.5px;
  letter-spacing: .20em;
  line-height: 1;
}
.confirm-row b {
  color: rgba(238,240,245,.88);
  font-size: 12px;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: .035em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: none;
}
.confirm-password-row {
  grid-template-columns: 92px minmax(0,1fr) 22px;
}
.confirm-eye {
  border: 0;
  outline: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  color: rgba(245,247,250,.48);
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
  text-shadow: 0 0 8px rgba(255,255,255,.08);
}
.confirm-question {
  margin-top: 16px;
  color: rgba(196,200,210,.74);
  text-align: center;
  font-size: 9px;
  letter-spacing: .16em;
  line-height: 1.35;
}
.confirm-actions {
  margin-top: 16px;
  display: flex;
  justify-content: center;
  gap: 44px;
}
.confirm-action {
  border: 0;
  background: transparent;
  padding: 10px 0;
  color: rgba(170,174,182,.66);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .18em;
  line-height: 1;
  cursor: pointer;
  text-shadow: 0 0 10px rgba(255,255,255,.06);
  transition: color 420ms var(--ease), text-shadow 520ms var(--ease), filter 520ms var(--ease);
}
.confirm-send {
  color: rgba(245,247,250,.88);
  text-shadow: 0 0 12px rgba(255,255,255,.12);
}
.auth-note {
  position: absolute;
  top: 326px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  color: rgba(150,154,164,.72);
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: 0;
  animation: softNoteIn 620ms var(--ease) 920ms forwards;
}

.auth-status-card {
  position: absolute;
  left: 50%;
  width: min(324px, calc(100vw - 52px));
  min-height: 86px;
  transform: translateX(-50%) translateY(8px);
  display: grid;
  grid-template-columns: 58px minmax(0,1fr);
  align-items: center;
  gap: 15px;
  padding: 14px 18px 14px 14px;
  border: 1px solid rgba(245,247,250,.34);
  border-radius: 26px;
  background: rgba(0,0,0,.26);
  box-shadow:
    0 0 30px rgba(255,255,255,.055),
    inset 0 0 24px rgba(255,255,255,.022);
  opacity: 0;
  pointer-events: none;
  transition:
    opacity 420ms var(--ease),
    transform 520ms var(--ease),
    border-color 420ms var(--ease),
    box-shadow 520ms var(--ease);
}
.auth-status-card.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.auth-status-icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 1px solid rgba(245,247,250,.46);
  display: grid;
  place-items: center;
  color: rgba(230,24,45,.94);
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
  text-shadow: 0 0 15px rgba(230,24,45,.60);
  box-shadow:
    inset 0 0 18px rgba(255,255,255,.020),
    0 0 20px rgba(230,24,45,.14);
}
.auth-status-title {
  color: rgba(225,228,235,.82);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .25em;
  line-height: 1.05;
  margin-bottom: 9px;
  text-transform: uppercase;
}
.auth-status-text {
  color: rgba(170,174,184,.78);
  font-size: 11px;
  letter-spacing: .08em;
  line-height: 1.35;
  text-transform: uppercase;
}
.auth-status-card.green {
  border-color: rgba(73,255,141,.52);
  box-shadow: 0 0 34px rgba(73,255,141,.18), inset 0 0 24px rgba(73,255,141,.05);
}
.auth-status-card.green .auth-status-icon {
  color: rgba(169,255,200,.95);
  text-shadow: 0 0 15px rgba(73,255,141,.55);
  border-color: rgba(73,255,141,.56);
  box-shadow: inset 0 0 18px rgba(73,255,141,.06), 0 0 22px rgba(73,255,141,.20);
}
.auth-status-card.red {
  border-color: rgba(230,24,45,.58);
  box-shadow: 0 0 34px rgba(230,24,45,.18), inset 0 0 24px rgba(230,24,45,.04);
}
.auth-status-card.red .auth-status-icon {
  color: rgba(255,70,86,.98);
  border-color: rgba(230,24,45,.62);
}
.auth-root[data-step="emailCode"] .resend-timer {
  top: 476px;
}

.spam-word {
  color: var(--red);
  text-shadow: 0 0 10px rgba(230,24,45,.55);
}
@keyframes softNoteIn { to { opacity: 1; } }
.resend-timer {
  position: absolute;
  top: 425px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  color: rgba(132,136,146,.70);
  font-size: 9px;
  letter-spacing: .16em;
  text-align: center;
}
.bottom-link.cooldown,
.bottom-link:disabled {
  color: rgba(122,126,136,.45);
  text-shadow: none;
  cursor: default;
}
.auth-busy {
  position: fixed;
  inset: 0;
  z-index: 40;
  display: grid;
  place-items: center;
  opacity: 0;
  pointer-events: none;
  background: rgba(0,0,0,.36);
  backdrop-filter: blur(2px);
  transition: opacity 260ms var(--ease);
}
.auth-busy.show {
  opacity: 1;
  pointer-events: auto;
}
.auth-busy-card {
  min-width: 230px;
  border: 1px solid rgba(255,255,255,.20);
  border-radius: 999px;
  padding: 17px 24px 15px;
  background: rgba(2,2,3,.82);
  box-shadow: 0 0 34px rgba(255,255,255,.08), inset 0 0 20px rgba(255,255,255,.025);
  text-align: center;
}
.auth-busy-title {
  color: rgba(245,247,250,.86);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .22em;
}
.auth-busy-sub {
  margin-top: 7px;
  color: rgba(150,154,164,.72);
  font-size: 9px;
  letter-spacing: .10em;
  text-transform: uppercase;
}
.auth-busy.green .auth-busy-card {
  border-color: rgba(73, 255, 141, .65);
  box-shadow: 0 0 38px rgba(73,255,141,.26), inset 0 0 22px rgba(73,255,141,.09);
}
.auth-busy.green .auth-busy-title {
  color: rgba(169,255,200,.95);
  text-shadow: 0 0 16px rgba(73,255,141,.60);
}
.success-mark {
  position: absolute;
  left: 50%;
  top: 242px;
  transform: translateX(-50%);
  width: 260px;
  height: 160px;
  display: grid;
  place-items: center;
}
.success-ring {
  position: absolute;
  width: 82px;
  height: 82px;
  border-radius: 50%;
  border: 1px solid rgba(73,255,141,.78);
  box-shadow: 0 0 30px rgba(73,255,141,.45), inset 0 0 22px rgba(73,255,141,.16);
  animation: successRing 1000ms var(--ease) forwards;
}
.success-title {
  margin-top: 132px;
  color: rgba(169,255,200,.96);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .26em;
  text-shadow: 0 0 18px rgba(73,255,141,.55);
  animation: successText 980ms var(--ease) forwards;
}
@keyframes successRing {
  0% { opacity: 0; transform: scale(.72); }
  30% { opacity: 1; }
  100% { opacity: 0; transform: scale(1.95); }
}
@keyframes successText {
  0% { opacity: 0; transform: translateY(8px); }
  35%, 86% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(-6px); }
}
.error-toast {
  position: fixed;
  left: 50%;
  top: 38px;
  transform: translateX(-50%);
  z-index: 50;
  padding: 12px 18px;
  border-radius: 999px;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.26);
  box-shadow: 0 0 28px rgba(255,255,255,.08);
  color: rgba(245,247,250,.88);
  font-weight: 800;
  letter-spacing: .07em;
  font-size: 12px;
}
@media (max-height: 760px) { .auth-bottom { bottom: 28px; } }

.auth-root-out{opacity:0;filter:blur(10px);transition:opacity 520ms var(--ease),filter 520ms var(--ease);}
.screen-shake{animation:screenShake 420ms linear;}
@keyframes screenShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}
@media(max-width:520px){:root{--capsule-w:min(308px,calc(100vw - 52px));}.center-stack{width:min(100vw,390px);min-height:560px}.build-marker{display:none}}

.auth-root.auth-success-pulse .stage {
  animation: authSuccessPulse 520ms ease-out 1;
}

@keyframes authSuccessPulse {
  0% { box-shadow: inset 0 0 0 0 rgba(20,180,90,0); }
  35% { box-shadow: inset 0 0 0 2px rgba(20,180,90,.85), 0 0 24px rgba(20,180,90,.25); }
  100% { box-shadow: inset 0 0 0 0 rgba(20,180,90,0); }
}

/* UCMU_AUTH_MOBILE_MEASURED_CENTER_V9 */
@media (max-width:760px){
  html:has(.auth-root),body:has(.auth-root){position:fixed;inset:0;width:100%;max-width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:#050608}
  body:has(.auth-root) #app{position:fixed;inset:0;width:100%;max-width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#050608}
  .auth-root{position:fixed;inset:0;width:100%;max-width:100%;height:100svh;min-height:100svh;overflow:hidden;overscroll-behavior:none;touch-action:none;background-color:#050608;--ucmu-auth-mobile-scale:1;--ucmu-auth-shift-x:0px;--ucmu-auth-keyboard-y:0px}
  .auth-root .stage{position:fixed;inset:0;width:100%;max-width:100%;height:100svh;min-height:100svh;overflow:hidden;display:block;padding:0;touch-action:none}
  .auth-root .center-stack{position:absolute;left:0;right:0;top:50%;width:min(430px,100%);height:620px;max-width:100%;max-height:620px;margin:0 auto;transform:translate3d(var(--ucmu-auth-shift-x),calc(-50% + var(--ucmu-auth-keyboard-y,0px)),0) scale(var(--ucmu-auth-mobile-scale));transform-origin:center center;will-change:transform;touch-action:none}
  .auth-root input,.auth-root button,.auth-root [role="button"]{touch-action:manipulation}
  .auth-root .capsule input,.auth-root .capsule input:focus,.auth-root .capsule input:active{background:transparent;background-color:transparent;border:0;outline:0;-webkit-appearance:none;appearance:none}
}