/* OOSTAVKA login 1.0.2. Compact mobile spacing; desktop stays as in 1.0.1. */
.subpage-login[data-oostavka-login] .auth-layout { row-gap: 0; }
.subpage-login[data-oostavka-login] .page-intro h1 em { display: block; color: var(--coral); }
.subpage-login[data-oostavka-login] .page-intro > p:last-child { max-width: 48ch; }
.subpage-login[data-oostavka-login] .login-fields { min-width: 0; }
.subpage-login[data-oostavka-login] .login-fields .status-note { margin: 0 0 20px; }
.subpage-login[data-oostavka-login] .form-stack { gap: 20px; }
.subpage-login[data-oostavka-login] .form-stack label,
.subpage-login[data-oostavka-login] .login-password-group { display: grid; gap: 7px; font-size: 16px; font-weight: 700; }
.subpage-login[data-oostavka-login] .form-stack input { min-height: 52px; padding: 12px 16px; border-color: var(--line); background: var(--paper); color: var(--ink); caret-color: var(--ink); box-shadow: inset 0 0 0 1000px var(--paper); font-size: 16px; font-weight: 400; line-height: 1.4; }
/* Keep the warm fill from first paint. Browser autofill background-color is !important;
   an inset shadow covers it without delaying transitions or disabling autocomplete. */
.subpage-login[data-oostavka-login] .form-stack input:is(:autofill, :-webkit-autofill) { -webkit-text-fill-color: var(--ink); caret-color: var(--ink); box-shadow: inset 0 0 0 1000px var(--paper); }
.subpage-login[data-oostavka-login] .form-stack input::placeholder { color: #77756f; opacity: 1; }
.subpage-login[data-oostavka-login] .login-password-field { position: relative; }
.subpage-login[data-oostavka-login] .login-password-field input { padding-right: 56px; }
.subpage-login[data-oostavka-login] .login-password-toggle { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 44px; height: 44px; padding: 10px; border: 0; border-radius: 8px; background: transparent; color: var(--ink); }
.subpage-login[data-oostavka-login] .login-password-toggle svg { display: block; width: 24px; height: 24px; }
.subpage-login[data-oostavka-login] .login-password-toggle .eye-slash { display: none; }
.subpage-login[data-oostavka-login] .login-password-toggle[aria-pressed="true"] .eye-slash { display: block; }
.subpage-login[data-oostavka-login] .login-recovery { margin-top: 4px; }
.subpage-login[data-oostavka-login] .login-recovery > summary { justify-content: flex-end; min-height: 44px; padding: 8px 0; font-size: 15px; font-weight: 400; line-height: 1.5; text-decoration: underline; text-underline-offset: 3px; }
.subpage-login[data-oostavka-login] .login-recovery > summary::after { display: none; }
.subpage-login[data-oostavka-login] .login-recovery .form-stack { margin: 8px 0 20px; padding: 20px 0; border-block: 1px solid var(--line); }
.subpage-login[data-oostavka-login] .login-button { display: flex; justify-content: center; width: 100%; min-height: 52px; padding: 13px 21px; border-radius: 12px; background: var(--coral); color: #fff; font-size: 19px; font-weight: 700; line-height: 1.3; text-align: center; }
.subpage-login[data-oostavka-login] #login-submit { margin-top: 16px; }
.subpage-login[data-oostavka-login] .login-signup { margin-top: 24px; font-size: 15px; line-height: 1.65; }
.subpage-login[data-oostavka-login] .login-signup a { display: block; width: fit-content; max-width: 100%; padding: 4px 0; color: var(--ink); }
.subpage-login[data-oostavka-login] #already-signed-in p { margin-bottom: 16px; }
.subpage-login[data-oostavka-login] #already-signed-in .text-button { margin-top: 8px; }
.subpage-login[data-oostavka-login] #reset-form h2 { font-size: 25px; line-height: 1.25; }
.subpage-login[data-oostavka-login] .login-fields noscript { display: block; margin-top: 20px; }
@media (min-width: 1100px) {
  .subpage-login[data-oostavka-login] .page-main { display: flex; align-items: center; }
  .subpage-login[data-oostavka-login] .auth-layout { width: 100%; max-width: 1120px; margin-inline: auto; grid-template-columns: minmax(0, 1fr) minmax(0, 460px); column-gap: clamp(64px, 7vw, 112px); align-items: start; }
  .subpage-login[data-oostavka-login] .auth-layout > .page-intro { grid-column: 1; grid-row: 1; margin-bottom: 0; }
  .subpage-login[data-oostavka-login] .page-intro > p:last-child { max-width: 38ch; }
  .subpage-login[data-oostavka-login] .auth-layout > .login-fields { grid-column: 2; grid-row: 1; }
}
@media (max-width: 760px) {
  .subpage-login[data-oostavka-login] .page-main { padding-block: 24px; }
  .subpage-login[data-oostavka-login] .page-intro { margin-bottom: 22px; }
  .subpage-login[data-oostavka-login] .page-intro .eyebrow { margin-bottom: 8px; }
  .subpage-login[data-oostavka-login] .page-intro h1 { margin-bottom: 12px; }
  .subpage-login[data-oostavka-login] .page-intro > p:last-child { line-height: 1.55; }
  .subpage-login[data-oostavka-login] .form-stack { gap: 14px; }
  .subpage-login[data-oostavka-login] .form-stack label,
  .subpage-login[data-oostavka-login] .login-password-group { gap: 5px; }
  .subpage-login[data-oostavka-login] .form-stack input { min-height: 48px; padding-block: 10px; }
  .subpage-login[data-oostavka-login] .login-fields .status-note { margin-bottom: 14px; }
  .subpage-login[data-oostavka-login] .login-recovery { margin-top: 0; }
  .subpage-login[data-oostavka-login] .login-recovery .form-stack { margin: 4px 0 12px; padding-block: 14px; }
  .subpage-login[data-oostavka-login] .login-button { min-height: 48px; padding-block: 11px; }
  .subpage-login[data-oostavka-login] #login-submit { margin-top: 8px; }
  .subpage-login[data-oostavka-login] .login-signup { margin-top: 14px; line-height: 1.5; }
  .subpage-login[data-oostavka-login] .login-signup a { padding-block: 2px; }
  .subpage-login[data-oostavka-login] .simple-footer { padding-block: 20px 24px; row-gap: 8px; }
  .subpage-login[data-oostavka-login] .simple-footer .subpage-footer-brand { display: none; }
}
@media (forced-colors: active) {
  .subpage-login[data-oostavka-login] .form-stack input { box-shadow: none; }
  .subpage-login[data-oostavka-login] .form-stack input:is(:autofill, :-webkit-autofill) { -webkit-text-fill-color: FieldText; caret-color: FieldText; box-shadow: none; }
}