/* Вход: стеклянная панель Астры на темном фоне кабинета, без видео. */
.login-stage { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 28px; padding: 24px 16px; }
.login-stage > * { position: relative; z-index: 1; }
.lg-brand { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.lg-mark { font: 800 44px/1 var(--font); letter-spacing: .08em; color: var(--text-on-dark); text-shadow: 0 0 28px rgb(174 216 255 / 50%); }
.lg-word { font: 500 13px/1 var(--font); letter-spacing: .3em; text-transform: uppercase; color: var(--ice-glow); }
.login-glass {
  width: 100%; max-width: 440px; padding: 36px 32px 32px; display: flex; flex-direction: column;
  border-radius: 20px; border: 1px solid rgb(220 230 255 / 24%);
  background: linear-gradient(180deg, rgb(52 60 72 / 46%), rgb(30 46 68 / 46%));
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%), 0 30px 80px rgb(0 0 0 / 45%);
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
}
.lg-field {
  display: flex; align-items: center; gap: 12px; min-height: 54px; padding: 0 14px 0 18px; border-radius: 12px;
  border: 1px solid rgb(255 255 255 / 15%); background: rgb(16 21 28 / 62%); cursor: text;
}
.lg-field + .lg-field { margin-top: 14px; }
.lg-field:focus-within { border-color: rgb(174 216 255 / 70%); box-shadow: 0 0 0 3px rgb(36 133 255 / 22%); }
.lg-field > svg, .lg-eye svg, .lg-submit svg { flex: none; width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.lg-field > svg { color: #d8dee8; }
.lg-field input { flex: 1; min-width: 0; border: 0; background: transparent; color: var(--text-on-dark); font: 400 17px/1.3 var(--font); padding: 10px 0; }
.lg-field input::placeholder { color: #9aa3ae; opacity: 1; }
.lg-field input:focus, .lg-field input:focus-visible { outline: none; box-shadow: none; }
.lg-field input:-webkit-autofill, .lg-field input:-webkit-autofill:hover, .lg-field input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--text-on-dark); caret-color: var(--text-on-dark); transition: background-color 600000s 0s, color 600000s 0s;
}
.lg-eye { flex: none; display: grid; place-items: center; width: 44px; height: 44px; margin-right: -8px; border: 0; border-radius: 10px; background: transparent; color: #e4e9f0; cursor: pointer; }
.lg-eye:focus-visible { outline: 0; box-shadow: var(--focus-ring); }
.lg-eye .eye-on, .lg-eye[aria-pressed='true'] .eye-off { display: none; }
.lg-eye[aria-pressed='true'] .eye-on { display: block; }
.lg-submit {
  display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 56px; margin-top: 22px; border: 0; border-radius: 11px;
  background: radial-gradient(120% 140% at 50% 0%, rgb(255 255 255 / 40%), transparent 60%), linear-gradient(180deg, #dbe7fe, #c4dbfe);
  box-shadow: inset 0 0 18px rgb(255 255 255 / 45%), 0 0 40px rgb(70 135 230 / 55%), 0 0 4px rgb(174 216 255 / 60%);
  color: #0d1220; font: 500 18px/1 var(--font); cursor: pointer;
}
.lg-submit:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.lg-submit:disabled { filter: saturate(.6) brightness(.85); cursor: default; }
.lg-err { color: #ffb3bc; font-size: 15px; line-height: 1.4; text-align: center; }
.lg-err:not(:empty) { margin-top: 14px; }