/* Six local login variants. All selectors are layout-scoped. */

body.login-layout-particles_neon,
body.login-layout-cyber_scan,
body.login-layout-glitch_auth,
body.login-layout-space_typewriter,
body.login-layout-orbit_rings,
body.login-layout-neon_corner {
  min-height: 100vh;
  overflow: hidden;
  color: #fff;
}

.showcase-login-shell {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100vh;
  padding: 1.5rem;
}

.showcase-login-canvas {
  position: fixed;
  z-index: -1;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.showcase-login-stage {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(560px, 100%);
}

.showcase-login-card {
  position: relative;
  z-index: 1;
  width: min(420px, calc(100vw - 2rem));
}

.showcase-login-card-inner {
  position: relative;
  z-index: 2;
  padding: 2rem;
}

.showcase-login-brand {
  margin-bottom: 0.35rem;
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-align: center;
  text-transform: uppercase;
}

.showcase-login-card h1 {
  margin: 0;
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}

.showcase-login-subtitle {
  margin: 0.35rem 0 1.6rem;
  text-align: center;
}

.showcase-login-form {
  display: grid;
  gap: 1rem;
}

.showcase-login-field {
  position: relative;
}

.showcase-login-field input:not([type="hidden"]) {
  width: 100%;
  outline: 0;
}

.showcase-login-field-icon {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  pointer-events: none;
}

.showcase-login-field-line {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

.showcase-login-submit {
  width: 100%;
  border: 0;
  cursor: pointer;
  font-weight: 800;
}

.showcase-login-submit:disabled {
  cursor: wait;
  opacity: 0.7;
}

.showcase-login-help,
.showcase-login-footer {
  text-align: center;
}

.showcase-login-help {
  margin-top: 1rem;
  font-size: 0.8rem;
}

.showcase-login-footer {
  margin-top: 1.15rem;
  font-size: 0.72rem;
  line-height: 1.45;
}

/* Neon Particles */
body.login-layout-particles_neon {
  background: #0d1117;
}

.showcase-login-particles_neon .showcase-login-card {
  overflow: hidden;
  padding: 3px;
  border-radius: 10px;
  background: #191e28;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
  animation: showcaseLoginFadeScale 0.6s ease;
}

.showcase-login-particles_neon .showcase-login-card::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: -60%;
  left: -60%;
  width: 220%;
  height: 220%;
  background: conic-gradient(#00ff66, #4a00ff, #ff00c8, #00d9ff, #00ff66);
  animation: showcaseLoginRotate 6s linear infinite;
}

.showcase-login-particles_neon .showcase-login-tab {
  position: relative;
  z-index: 2;
  padding: 1rem;
  border-radius: 8px 8px 0 0;
  color: #48dbfb;
  background: rgba(31, 36, 46, 0.96);
  font-weight: 700;
  text-align: center;
}

.showcase-login-particles_neon .showcase-login-tab::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, #6c5ce7, #48dbfb);
}

.showcase-login-particles_neon .showcase-login-card-inner {
  border-radius: 0 0 8px 8px;
  background: rgba(13, 17, 23, 0.97);
}

.showcase-login-particles_neon .showcase-login-brand,
.showcase-login-particles_neon .showcase-login-subtitle,
.showcase-login-particles_neon .showcase-login-help,
.showcase-login-particles_neon .showcase-login-footer {
  color: #a7afbd;
}

.showcase-login-particles_neon .showcase-login-field-icon {
  color: #6c5ce7;
}

.showcase-login-particles_neon .showcase-login-field input:not([type="hidden"]) {
  padding: 0.9rem 0.9rem 0.9rem 2.8rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  color: #fff;
  background: rgba(35, 40, 50, 0.78);
  transition: border-color 0.3s, box-shadow 0.3s;
}

.showcase-login-particles_neon .showcase-login-field input:not([type="hidden"]):focus {
  border-color: #48dbfb;
  box-shadow: 0 0 8px rgba(72, 219, 251, 0.4);
}

.showcase-login-particles_neon .showcase-login-submit {
  position: relative;
  padding: 0.9rem;
  overflow: hidden;
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(90deg, #6c5ce7, #48dbfb);
  transition: transform 0.3s, box-shadow 0.3s;
}

.showcase-login-particles_neon .showcase-login-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(108, 92, 231, 0.4);
}

/* Cyber Scan */
body.login-layout-cyber_scan {
  background: linear-gradient(135deg, #0f0c29, #302b63, #24243e);
}

.showcase-login-cyber_scan .showcase-login-card {
  width: min(360px, calc(100vw - 2rem));
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(12px);
  transition: transform 0.3s;
}

.showcase-login-cyber_scan .showcase-login-card:hover,
.showcase-login-cyber_scan .showcase-login-card:focus-within {
  transform: scale(1.025);
}

.showcase-login-cyber_scan .showcase-login-avatar {
  position: relative;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 88px;
  height: 88px;
  margin: 1.7rem auto -0.5rem;
  border: 3px solid rgba(255, 255, 255, 0.42);
  border-radius: 50%;
  color: #081119;
  background: linear-gradient(135deg, #00ffff, #5f8dff);
  box-shadow: 0 0 26px rgba(0, 255, 255, 0.28);
  font-size: 1.4rem;
  font-weight: 900;
}

.showcase-login-cyber_scan .showcase-login-scan-line {
  position: absolute;
  z-index: 1;
  top: -100%;
  left: 0;
  width: 100%;
  height: 70%;
  background: linear-gradient(transparent, rgba(0, 255, 255, 0.24), transparent);
  animation: showcaseLoginScan 3.5s linear infinite;
  pointer-events: none;
}

.showcase-login-cyber_scan .showcase-login-brand,
.showcase-login-cyber_scan .showcase-login-subtitle,
.showcase-login-cyber_scan .showcase-login-help,
.showcase-login-cyber_scan .showcase-login-footer {
  color: #c7c8da;
}

.showcase-login-cyber_scan .showcase-login-field-icon {
  color: #00ffff;
}

.showcase-login-cyber_scan .showcase-login-field input:not([type="hidden"]) {
  padding: 0.82rem 0.9rem 0.82rem 2.75rem;
  border: 1px solid rgba(0, 255, 255, 0.38);
  border-radius: 10px;
  color: #fff;
  background: rgba(8, 12, 34, 0.6);
}

.showcase-login-cyber_scan .showcase-login-field input:not([type="hidden"]):focus {
  border-color: #00ffff;
  box-shadow: 0 0 14px rgba(0, 255, 255, 0.38);
}

.showcase-login-cyber_scan .showcase-login-submit {
  padding: 0.75rem;
  border: 1px solid #00ffff;
  border-radius: 10px;
  color: #00ffff;
  background: rgba(0, 255, 255, 0.15);
  box-shadow: 0 0 8px #00ffff;
  transition: background 0.3s, box-shadow 0.3s;
}

.showcase-login-cyber_scan .showcase-login-submit:hover {
  background: rgba(0, 255, 255, 0.3);
  box-shadow: 0 0 20px #00ffff;
}

/* Glitch Authentication */
body.login-layout-glitch_auth {
  background: #0a0a12;
}

.showcase-login-glitch_auth::before {
  content: "";
  position: fixed;
  z-index: -2;
  inset: 0;
  opacity: 0.3;
  background:
    radial-gradient(circle at 15% 25%, rgba(0, 243, 255, 0.25), transparent 24%),
    radial-gradient(circle at 85% 70%, rgba(255, 0, 160, 0.22), transparent 26%);
}

.showcase-login-glitch_auth .showcase-login-card {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
  box-shadow: 12px 12px 24px #05050a, -12px -12px 24px #15151a;
  backdrop-filter: blur(10px);
  animation: showcaseLoginFloat 6s ease-in-out infinite;
}

.showcase-login-glitch_auth .showcase-login-card-inner {
  font-family: "Courier New", monospace;
}

.showcase-login-glitch_auth .showcase-login-brand,
.showcase-login-glitch_auth .showcase-login-subtitle,
.showcase-login-glitch_auth .showcase-login-help,
.showcase-login-glitch_auth .showcase-login-footer {
  color: rgba(224, 224, 255, 0.72);
  letter-spacing: 0.12em;
}

.showcase-login-glitch_auth .showcase-login-glitch-title {
  position: relative;
  display: table;
  margin-inline: auto;
  color: #00f3ff;
  font-family: "Courier New", monospace;
  letter-spacing: 0.12em;
  text-shadow: 0 0 5px rgba(0, 243, 255, 0.7);
}

.showcase-login-glitch_auth .showcase-login-glitch-title::before,
.showcase-login-glitch_auth .showcase-login-glitch-title::after {
  content: attr(data-text);
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.showcase-login-glitch_auth .showcase-login-glitch-title::before {
  color: #ff00a0;
  transform: translateX(2px);
  clip-path: inset(15% 0 55% 0);
  animation: showcaseLoginGlitchOne 3.5s steps(2, end) infinite;
}

.showcase-login-glitch_auth .showcase-login-glitch-title::after {
  color: #fffc00;
  transform: translateX(-2px);
  clip-path: inset(60% 0 10% 0);
  animation: showcaseLoginGlitchTwo 2.9s steps(2, end) infinite;
}

.showcase-login-glitch_auth .showcase-login-field-icon {
  display: none;
}

.showcase-login-glitch_auth .showcase-login-field input:not([type="hidden"]) {
  padding: 1rem;
  border: 1px solid rgba(0, 243, 255, 0.3);
  border-radius: 8px;
  color: #00f3ff;
  background: rgba(20, 20, 43, 0.72);
  box-shadow: inset 0 0 10px rgba(0, 243, 255, 0.2);
  font-family: "Courier New", monospace;
}

.showcase-login-glitch_auth .showcase-login-field input:not([type="hidden"]):focus {
  border-color: #00f3ff;
  box-shadow: 0 0 15px rgba(0, 243, 255, 0.5), inset 0 0 10px rgba(0, 243, 255, 0.2);
}

.showcase-login-glitch_auth .showcase-login-field-line {
  height: 2px;
  background: linear-gradient(90deg, transparent, #ff00a0, #00f3ff, transparent);
  transform: scaleX(0);
  transition: transform 0.25s;
}

.showcase-login-glitch_auth .showcase-login-field input:focus ~ .showcase-login-field-line {
  transform: scaleX(1);
}

.showcase-login-glitch_auth .showcase-login-submit {
  position: relative;
  padding: 1rem;
  overflow: hidden;
  border-radius: 8px;
  color: #0a0a12;
  background: linear-gradient(45deg, #00f3ff, #ff00a0);
  letter-spacing: 0.1em;
  transition: transform 0.3s, box-shadow 0.3s;
}

.showcase-login-glitch_auth .showcase-login-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 243, 255, 0.25);
}

.showcase-login-glitch_auth .showcase-login-grid {
  position: absolute;
  z-index: 0;
  inset: 0;
  opacity: 0.12;
  background-image:
    linear-gradient(rgba(0, 243, 255, 0.35) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 243, 255, 0.35) 1px, transparent 1px);
  background-size: 22px 22px;
}

.showcase-login-glitch_auth .showcase-login-scanlines {
  position: absolute;
  z-index: 4;
  inset: 0;
  opacity: 0.12;
  background: repeating-linear-gradient(to bottom, transparent 0 3px, rgba(0, 0, 0, 0.55) 4px);
  pointer-events: none;
}

.showcase-login-glitch_auth .showcase-login-cyber-circle {
  position: absolute;
  border: 1px solid rgba(0, 243, 255, 0.35);
  border-radius: 50%;
}

.showcase-login-glitch_auth .showcase-login-cyber-circle-one {
  top: -55px;
  right: -45px;
  width: 140px;
  height: 140px;
}

.showcase-login-glitch_auth .showcase-login-cyber-circle-two {
  bottom: -50px;
  left: -35px;
  width: 105px;
  height: 105px;
  border-color: rgba(255, 0, 160, 0.4);
}

/* Space Typewriter */
body.login-layout-space_typewriter {
  background: #02030a;
}

.showcase-login-space_typewriter {
  flex-direction: column;
  gap: 1.2rem;
}

.showcase-login-typewriter {
  min-height: 3.8rem;
  color: #fff;
  font-size: clamp(2rem, 8vw, 3rem);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-shadow: 0 0 18px rgba(150, 190, 255, 0.65);
}

.showcase-login-typewriter-cursor {
  animation: showcaseLoginBlink 0.7s steps(1) infinite;
}

.showcase-login-space_typewriter .showcase-login-card {
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
}

.showcase-login-space_typewriter .showcase-login-brand,
.showcase-login-space_typewriter .showcase-login-subtitle,
.showcase-login-space_typewriter .showcase-login-help,
.showcase-login-space_typewriter .showcase-login-footer {
  color: rgba(255, 255, 255, 0.68);
}

.showcase-login-space_typewriter .showcase-login-field-icon {
  color: #b8d2ff;
}

.showcase-login-space_typewriter .showcase-login-field input:not([type="hidden"]) {
  padding: 0.9rem 1rem 0.9rem 2.8rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  color: #fff;
  background: rgba(255, 255, 255, 0.14);
}

.showcase-login-space_typewriter .showcase-login-field input:not([type="hidden"]):focus {
  border-color: #fff;
  box-shadow: 0 0 18px rgba(255, 255, 255, 0.22);
}

.showcase-login-space_typewriter .showcase-login-submit {
  padding: 0.9rem;
  border-radius: 10px;
  color: #07101d;
  background: linear-gradient(90deg, #fff, #8db6ff);
  transition: transform 0.3s, box-shadow 0.3s;
}

.showcase-login-space_typewriter .showcase-login-submit:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(255, 255, 255, 0.2);
}

/* Orbit Rings */
body.login-layout-orbit_rings {
  background: #070707;
}

.showcase-login-orbit_rings .showcase-login-stage {
  width: min(540px, 100%);
  min-height: 540px;
}

.showcase-login-orbit_rings .showcase-login-card {
  width: min(330px, calc(100vw - 4rem));
}

.showcase-login-orbit_rings .showcase-login-card-inner {
  padding: 1.5rem;
  border-radius: 28px;
  background: rgba(7, 7, 7, 0.84);
  backdrop-filter: blur(6px);
}

.showcase-login-orbit {
  position: absolute;
  width: min(500px, calc(100vw - 1rem));
  height: min(500px, calc(100vw - 1rem));
  border: 1.5px solid #fff;
  transition: border-color 0.5s, filter 0.5s;
  pointer-events: none;
}

.showcase-login-orbit-one {
  border-radius: 38% 62% 55% 45% / 48% 35% 65% 52%;
  animation: showcaseLoginRotate 5s linear infinite;
}

.showcase-login-orbit-two {
  border-radius: 57% 43% 38% 62% / 42% 58% 42% 58%;
  animation: showcaseLoginRotateReverse 7s linear infinite;
}

.showcase-login-orbit-three {
  border-radius: 45% 55% 64% 36% / 60% 41% 59% 40%;
  animation: showcaseLoginRotate 11s linear infinite;
}

.showcase-login-orbit_rings .showcase-login-stage:hover .showcase-login-orbit-one,
.showcase-login-orbit_rings .showcase-login-stage:focus-within .showcase-login-orbit-one {
  border-width: 5px;
  border-color: #ce4b0e;
  filter: drop-shadow(0 0 18px #ce4b0e);
}

.showcase-login-orbit_rings .showcase-login-stage:hover .showcase-login-orbit-two,
.showcase-login-orbit_rings .showcase-login-stage:focus-within .showcase-login-orbit-two {
  border-width: 5px;
  border-color: #fff;
  filter: drop-shadow(0 0 18px #fff);
}

.showcase-login-orbit_rings .showcase-login-stage:hover .showcase-login-orbit-three,
.showcase-login-orbit_rings .showcase-login-stage:focus-within .showcase-login-orbit-three {
  border-width: 5px;
  border-color: #1bd13c;
  filter: drop-shadow(0 0 18px #1bd13c);
}

.showcase-login-orbit_rings .showcase-login-brand,
.showcase-login-orbit_rings .showcase-login-subtitle,
.showcase-login-orbit_rings .showcase-login-help,
.showcase-login-orbit_rings .showcase-login-footer {
  color: rgba(255, 255, 255, 0.68);
}

.showcase-login-orbit_rings .showcase-login-field-icon {
  display: none;
}

.showcase-login-orbit_rings .showcase-login-field input:not([type="hidden"]) {
  padding: 0.85rem 1.1rem;
  border: 2px solid #fff;
  border-radius: 40px;
  color: #fff;
  background: transparent;
}

.showcase-login-orbit_rings .showcase-login-field input:not([type="hidden"]):focus {
  border-color: #cb0fd1;
  box-shadow: 0 0 14px rgba(203, 15, 209, 0.5);
}

.showcase-login-orbit_rings .showcase-login-submit {
  padding: 0.9rem;
  border-radius: 40px;
  color: #fff;
  background: linear-gradient(45deg, #0d10d8, #cb0fd1);
}

/* Neon Corner */
body.login-layout-neon_corner {
  background-color: #090b13;
  background-image:
    linear-gradient(30deg, #111827 12%, transparent 12.5%, transparent 87%, #111827 87.5%, #111827),
    linear-gradient(150deg, #111827 12%, transparent 12.5%, transparent 87%, #111827 87.5%, #111827),
    linear-gradient(30deg, #111827 12%, transparent 12.5%, transparent 87%, #111827 87.5%, #111827),
    linear-gradient(150deg, #111827 12%, transparent 12.5%, transparent 87%, #111827 87.5%, #111827),
    linear-gradient(60deg, rgba(69, 243, 255, 0.08) 25%, transparent 25.5%, transparent 75%, rgba(217, 19, 138, 0.08) 75%);
  background-position: 0 0, 0 0, 32px 56px, 32px 56px, 0 0;
  background-size: 64px 112px;
}

.showcase-login-neon_corner .showcase-login-card {
  overflow: hidden;
  padding: 3px;
  border-radius: 50px 5px;
  background: #1c1c1c;
}

.showcase-login-neon_corner .showcase-login-card::before,
.showcase-login-neon_corner .showcase-login-card::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: -55%;
  left: -55%;
  width: 210%;
  height: 210%;
  transform-origin: center;
  animation: showcaseLoginRotate 6s linear infinite;
}

.showcase-login-neon_corner .showcase-login-card::before {
  background: conic-gradient(transparent 0 65%, #45f3ff 78%, transparent 90%);
}

.showcase-login-neon_corner .showcase-login-card::after {
  background: conic-gradient(transparent 0 15%, #d9138a 28%, transparent 40%);
  animation-delay: -3s;
}

.showcase-login-neon_corner .showcase-login-card-inner {
  border-radius: 47px 4px;
  background: #28292d;
}

.showcase-login-neon_corner .showcase-login-card h1 {
  color: #45f3ff;
  font-weight: 500;
}

.showcase-login-neon_corner .showcase-login-brand,
.showcase-login-neon_corner .showcase-login-subtitle,
.showcase-login-neon_corner .showcase-login-help,
.showcase-login-neon_corner .showcase-login-footer {
  color: #8f8f8f;
}

.showcase-login-neon_corner .showcase-login-field-icon {
  display: none;
}

.showcase-login-neon_corner .showcase-login-field input:not([type="hidden"]) {
  position: relative;
  z-index: 2;
  padding: 0.95rem 0.65rem 0.65rem;
  border: 0;
  border-bottom: 2px solid #45f3ff;
  border-radius: 0;
  color: #fff;
  background: transparent;
}

.showcase-login-neon_corner .showcase-login-field input:not([type="hidden"]):focus {
  background: rgba(69, 243, 255, 0.12);
  box-shadow: 0 8px 18px rgba(69, 243, 255, 0.12);
}

.showcase-login-neon_corner .showcase-login-submit {
  padding: 0.75rem;
  border-radius: 90px;
  color: #16171b;
  background: #45f3ff;
  transition: background 0.25s, color 0.25s;
}

.showcase-login-neon_corner .showcase-login-submit:hover {
  color: #fff;
  background: linear-gradient(90deg, #45f3ff, #d9138a);
}

.showcase-login-shell .alert-danger {
  border-color: rgba(255, 105, 135, 0.4);
  color: #ffe0e7;
  background: rgba(126, 24, 53, 0.48);
}

@keyframes showcaseLoginRotate {
  to { transform: rotate(360deg); }
}

@keyframes showcaseLoginRotateReverse {
  to { transform: rotate(-360deg); }
}

@keyframes showcaseLoginFadeScale {
  from { opacity: 0; transform: scale(0.92); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes showcaseLoginScan {
  from { transform: translateY(-30%); }
  to { transform: translateY(300%); }
}

@keyframes showcaseLoginFloat {
  0%, 100% { transform: translateY(0) rotate(0); }
  25% { transform: translateY(-1px) rotate(0.5deg); }
  75% { transform: translateY(1px) rotate(-0.5deg); }
}

@keyframes showcaseLoginGlitchOne {
  0%, 92%, 100% { transform: translateX(2px); }
  94% { transform: translateX(-5px); }
  96% { transform: translateX(6px); }
}

@keyframes showcaseLoginGlitchTwo {
  0%, 88%, 100% { transform: translateX(-2px); }
  91% { transform: translateX(5px); }
  94% { transform: translateX(-7px); }
}

@keyframes showcaseLoginBlink {
  0%, 50% { opacity: 1; }
  51%, 100% { opacity: 0; }
}

@media (max-width: 580px), (max-height: 650px) {
  body.login-layout-particles_neon,
  body.login-layout-cyber_scan,
  body.login-layout-glitch_auth,
  body.login-layout-space_typewriter,
  body.login-layout-orbit_rings,
  body.login-layout-neon_corner {
    overflow: auto;
  }

  .showcase-login-shell {
    padding: 1rem;
  }

  .showcase-login-card-inner {
    padding: 1.45rem;
  }

  .showcase-login-orbit_rings .showcase-login-stage {
    min-height: min(500px, calc(100vh - 2rem));
  }

  .showcase-login-typewriter {
    min-height: 2.9rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .showcase-login-particles_neon .showcase-login-card,
  .showcase-login-particles_neon .showcase-login-card::before,
  .showcase-login-cyber_scan .showcase-login-scan-line,
  .showcase-login-glitch_auth .showcase-login-card,
  .showcase-login-glitch_auth .showcase-login-glitch-title::before,
  .showcase-login-glitch_auth .showcase-login-glitch-title::after,
  .showcase-login-typewriter-cursor,
  .showcase-login-orbit,
  .showcase-login-neon_corner .showcase-login-card::before,
  .showcase-login-neon_corner .showcase-login-card::after {
    animation: none;
  }

  .showcase-login-card,
  .showcase-login-field input,
  .showcase-login-submit {
    transition: none;
  }
}