/* ================================================================= Air · экраны аутентификации (Финал/Э5): login / register / restore(recover) / verification. Перенос из шаблона variant-01-air-service/css/screens/auth.css — ДОСЛОВНО auth-правила (.login-* / .register-* / .recover-*). Отличия от шаблонного файла: 1. НЕ переносим хвост .profile-head/.profile-avatar/.profile-balance (стр.405-464 оригинала) — это профиль, артефакт бандлинга шаблона; профиль портирован отдельно в Э6/Э7 (.profile-hero). 2. НЕ переносим auth-common.css (.auth-card-v2 и пр.) — мёртвый альтернативный v2-дизайн: разметка экранов его НЕ использует, сам шаблон его в не подключает. 3. Адаптив auth-* собран из шаблонного 90-responsive.css в конец файла (см. ниже). 4. .auth-shell (внешний контейнер логина) — базовый, уже в 03-shared.css; здесь не дублируется. База темы (токены/shell) грузится через AirAsset (depends в AirAuthAsset). ================================================================= */ .login-shell { animation: scFade 0.4s ease; max-width: 1080px; margin: 0 auto; padding: 56px 22px 80px; color: var(--text); display: grid; grid-template-rows: auto minmax(0, 1fr); min-height: calc(100vh - 88px); } .login-layout { display: flex; justify-content: center; align-self: center; } .login-form-card { width: 100%; max-width: 576px; background: #fff; border: 1px solid var(--border-soft); border-radius: 24px; box-shadow: 0 10px 34px rgba(28, 58, 110, 0.07); padding: 44px; } .login-form-card h1 { margin: 0 0 7px; color: var(--text); font-size: 30px; font-weight: 800; line-height: 1.15; letter-spacing: -0.5px; } .login-form-card > p { margin: 0 0 30px; color: var(--muted-alt); font-size: 16px; line-height: 1.45; } .login-form-card .login-field-label { display: block; margin: 0 0 8px; color: var(--label); font-size: 13px; font-weight: 700; } .login-form-card .login-field-label input { display: block; width: 100%; min-height: 0; margin-top: 8px; margin-bottom: 18px; padding: 15px 16px; color: var(--text); font-size: 16px; font-weight: 400; background: #fff; border: 1.5px solid var(--border); border-radius: 13px; outline: none; } .login-form-card .login-field-label input:focus { border-color: #b9cef2; box-shadow: 0 0 0 4px rgba(44, 107, 237, 0.08); } .login-remember-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 24px; } .login-remember { display: flex; align-items: center; gap: 9px; margin: 0; color: var(--label); font-size: 14px; font-weight: 600; cursor: pointer; } .login-remember input { flex: 0 0 18px; width: 18px; min-width: 18px; height: 18px; min-height: 18px; padding: 0; margin: 0; accent-color: var(--blue); cursor: pointer; } /* Ссылки-«кнопки»: в шаблоне это