.auth {
  background: transparent;
}
.auth-card {
  width: min(100%, 540px);
  background: #0b0e14;
  border: 1px solid #414955;
  border-radius: 14px;
  box-shadow: 0 30px 100px #000b, 0 0 42px #d71f4220;
  font-family: Consolas, "Cascadia Code", monospace;
}
#signin .auth-head {
  min-height: 44px;
  padding: 10px 18px;
  gap: 12px;
  background: #191e28;
  border-bottom: 1px solid #373e4b;
}
.auth-head::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fd5e5e;
  box-shadow: 17px 0 #f6be4f, 34px 0 #35c967;
  margin-right: 39px;
  flex: none;
}
.auth-head img { display: none; }
.auth-head strong {
  font: 600 12px Consolas, "Cascadia Code", monospace;
  letter-spacing: .02em;
  color: #c5cad5;
}
.auth-head strong::after { content: "  /  auth"; color: #7c879a; }
.auth-body { padding: 26px 30px 30px; }
.terminal-transcript {
  min-height: 0;
  padding: 2px 0 17px;
  margin-bottom: 20px;
  border-bottom: 1px solid #29313d;
  color: #a7e4b7;
  font-size: 12px;
  line-height: 1.7;
  white-space: pre-wrap;
}
.terminal-transcript .prompt { color: #f4536b; }
.terminal-transcript .muted { color: #8994a6; }
.terminal-transcript .cursor {
  display: inline-block;
  width: 7px;
  height: 14px;
  margin-left: 3px;
  vertical-align: -2px;
  background: #f4536b;
  animation: terminal-blink 1s steps(1,end) infinite;
}
@keyframes terminal-blink { 50% { opacity: 0; } }
.auth-body h1 { font: 650 19px Consolas, "Cascadia Code", monospace; }
.auth-body h1::before { content: "> "; color: #f4536b; }
.auth-body p { font-size: 12px; }
.auth .field label { font: 600 11px Consolas, "Cascadia Code", monospace; color: #a6b2c4; }
.auth .field label::before { content: "$ "; color: #f4536b; }
.auth .field input {
  background: #080b10;
  border: 1px solid #384251;
  border-radius: 6px;
  color: #eff5f2;
  font-family: Consolas, "Cascadia Code", monospace;
}
.auth .field input:focus { border-color: #ee4763; box-shadow: 0 0 0 2px #ee476326; }
.auth .btn.red {
  background: #bd2846;
  border: 1px solid #e64765;
  border-radius: 6px;
  font-family: Consolas, "Cascadia Code", monospace;
  font-weight: 700;
}
.auth .btn.red:hover { background: #d63655; }
.auth .btn.red::before { content: "> "; }
.auth .auth-actions { border-top: 0; padding-top: 0; margin-top: 12px; }
.auth .auth-profile-button {
  --button-rgb: 239, 63, 92;
  width: 100%;
  height: 51px;
  padding: 2px;
  border: 0;
  border-radius: 15px;
  background: linear-gradient(135deg, rgba(var(--button-rgb), .9), rgba(var(--button-rgb), .16) 42%, rgba(var(--button-rgb), .46));
  box-shadow: 0 0 0 1px rgba(var(--button-rgb), .25), 0 6px 24px rgba(var(--button-rgb), .11);
  color: #fff;
  cursor: pointer;
  transition: transform .24s ease, box-shadow .24s ease, background-color .24s ease;
}
.auth .auth-profile-button.is-white { --button-rgb: 238, 242, 250; }
.auth .auth-profile-button:hover,
.auth .auth-profile-button:focus-visible {
  transform: translateY(-3px) scale(1.015);
  box-shadow: 0 0 0 1px rgba(var(--button-rgb), .8), 0 0 27px rgba(var(--button-rgb), .36);
  outline: none;
}
.auth .auth-profile-button:active { transform: translateY(0); }
.auth .auth-profile-button-inner {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border-radius: 13px;
  background: #11151c;
  color: #f7f8fa;
  font: 700 13px Consolas, "Cascadia Code", monospace;
  transition: background-color .24s ease, color .24s ease;
}
.auth .auth-profile-button.is-white .auth-profile-button-inner { color: #fff; }
.auth .auth-profile-button:hover .auth-profile-button-inner,
.auth .auth-profile-button:focus-visible .auth-profile-button-inner { background: #1c202a; }
.auth .auth-profile-button.is-red:hover .auth-profile-button-inner,
.auth .auth-profile-button.is-red:focus-visible .auth-profile-button-inner { background: #25171f; }
.auth .auth-profile-button svg {
  width: 23px;
  height: 23px;
  fill: currentColor;
  flex: none;
  transition: transform .24s ease, filter .24s ease;
}
.auth .auth-profile-button:hover svg,
.auth .auth-profile-button:focus-visible svg {
  transform: translateY(-2px) scale(1.15);
  filter: drop-shadow(0 0 6px rgba(var(--button-rgb), .8));
}
@media (max-width: 520px) {
  .auth { padding: 14px; }
  .auth-body { padding: 20px; }
  .auth-head::before { margin-right: 25px; }
}
@media (prefers-reduced-motion: reduce) {
  .terminal-transcript .cursor { animation: none; }
  .auth .auth-profile-button,
  .auth .auth-profile-button-inner,
  .auth .auth-profile-button svg { transition: none; }
}