/* СПЕЦИАЛЬНЫЕ СТИЛИ ДЛЯ СТРАНИЦЫ ВХОДА */
/* Уникальный фон только для страницы логина */
.login-body {
background: linear-gradient(rgba(0, 97, 255, 0.5), rgba(96, 51, 236, 0.5)),
url('https://images.unsplash.com/photo-1488085061387-422e29b40080?q=80&w=1631&auto=format&fit=crop'); /* Фон с самолетом */
background-size: cover;
background-position: center;
background-attachment: fixed;
}
/* Специфическая карточка логина */
.login-card-custom {
background: rgba(255, 255, 255, 0.9); /* Полупрозрачный белый */
backdrop-filter: blur(15px); /* Эффект матового стекла */
border: 1px solid rgba(255, 255, 255, 0.3);
padding: 50px 40px;
border-radius: 24px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}
/* Особый стиль заголовка */
.login-card-custom h2 {
font-size: 32px;
background: linear-gradient(to right, #0061ff, #6033ec);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 30px;
font-weight: 900;
}
/* Улучшенные поля ввода для логина */
.login-input {
background: #ffffff !important;
border: 2px solid transparent !important;
box-shadow: 0 4px 6px rgba(0,0,0,0.05);
transition: all 0.3s ease !important;
}
.login-input:focus {
border-color: #0061ff !important;
transform: scale(1.02);
}
/* Кнопка входа */
.btn-login-exclusive {
background: linear-gradient(45deg, #0061ff, #6033ec);
border: none;
box-shadow: 0 4px 15px rgba(0, 97, 255, 0.4);
text-transform: uppercase;
letter-spacing: 1px;
}
.btn-login-exclusive:hover {
box-shadow: 0 6px 20px rgba(0, 97, 255, 0.6);
filter: brightness(1.1);
}