/* login_linear.css */

/* Базовые стили */
html, body {
  margin: 0;
  padding: 0;
  background-color: #1B1B1D; /* темный фон */
  color: #F2F2F2;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size: 15px;
  line-height: 1.4;
}

/* Центрируем .login-wrapper */
.login-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

/* Карточка */
.login-card {
  background-color: #2B2B2E; /* чуть светлее */
  padding: 30px 25px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  width: 320px; 
  text-align: center;
}
.login-card h1 {
  margin-bottom: 10px;
  font-size: 24px;
  color: #F2F2F2;
}
.login-card h2 {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 400;
  color: #DDD;
}

/* Сообщения об ошибке */
.error-msg {
  background-color: #E74C3C; 
  color: #FFF;
  padding: 10px;
  border-radius: 4px;
  margin-bottom: 15px;
  text-align: left;
}

/* Поля формы */
.form-group {
  margin-bottom: 15px;
  text-align: left;
}
.form-group label {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
  color: #DDD;
}
.form-group input[type="text"],
.form-group input[type="password"] {
  width: 100%;
  padding: 8px;
  border-radius: 4px;
  border: 1px solid #3A3A3D; 
  background-color: #3A3A3D;
  color: #F2F2F2;
  box-sizing: border-box;
  font-size: 14px;
  outline: none;
  transition: border-color 0.2s;
}
.form-group input[type="text"]:focus,
.form-group input[type="password"]:focus {
  border-color: #5C5C5F;
}

/* Блок remember me */
.remember-me {
  text-align: left;
  margin-bottom: 15px;
}
.remember-me label {
  font-size: 14px;
  cursor: pointer;
  color: #CCC;
}
.remember-me input[type="checkbox"] {
  margin-right: 5px;
}

/* Кнопка */
.btn-submit {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  border-radius: 4px;
  border: none;
  background-color: #5C5C5F;
  color: #FFF;
  cursor: pointer;
  transition: background-color 0.2s;
}
.btn-submit:hover {
  background-color: #3E9ACD;
}

/* Адаптив */
@media (max-width: 400px) {
  .login-card {
    width: 90%;
    margin: 0 5%;
  }
}