/* ===============================
   LOGIN PAGE
   Стили специфичные для страницы авторизации
================================ */

/* Импортируем общие стили */
@import '../base/_variables.css';
@import '../base/_reset.css';
@import '../components/_buttons.css';
@import '../components/_forms.css';
@import '../layouts/_auth-layout.css';

/* ===== ДОПОЛНИТЕЛЬНЫЕ СТИЛИ ДЛЯ LOGIN ===== */

/* Форма авторизации */
#loginForm {
  margin-top: var(--spacing-2);
}

/* Сообщения об ошибках */
.login-alert {
  margin-top: var(--spacing-5);
}

/* Анимации */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.form-panel {
  animation: fadeIn 0.3s ease-out;
}

/* Улучшенная доступность */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}