/* фон страницы */
html, body {
    background: #f3f5f7 !important;
    background-image: none !important;    
}

/* если фон висит на контейнерах */
.bg, .background, .wrapper, .container-fluid, .main, .page {
  background: transparent !important;
  background-image: none !important;
}

/* центральная карточка */
.card {
    background: #ffffff !important;
    max-width: 820px;
    margin: 60px auto;
    border-radius: 14px;
    border: 1px solid rgba(0,0,0,0.08);
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}

/* тело карточки */
.card-body {
    padding: 35px 45px;
}

/* логотип */
.logo {
    max-width: 520px;
    height: auto;
    margin-bottom: 20px;
}

/* заголовок */
.title h1,
.title h2 {
    font-weight: 600;
    margin-bottom: 25px;
}

/* форма */
.form-control {
    border-radius: 8px;
    height: 42px;
}

/* кнопка */
.btn-success {
    background: #d32f2f;
    border: none;
    padding: 10px 28px;
    border-radius: 8px;
    font-weight: 600;
}

.btn-success:hover {
    background: #b71c1c;
}

/* кнопка во всю ширину */
form .btn[type="submit"],
form button[type="submit"] {
  width: 100%;
  max-width: 360px;   /* можно убрать если хочешь прям 100% формы */
}

/* кнопка показать пароль */
.input-group button {
    background: #e9ecef;
    border: 1px solid #ced4da;
    border-left: none;
    padding: 0 12px;
}

.input-group button:hover {
    background: #dde2e6;
}

/* иконка глаз */
.input-group button {
    font-size: 16px;
}

/* блок сложности пароля */
#brusnika-strength-wrap {
    margin-top: 10px;
}

/* полоска */
.progress {
    height: 6px;
    border-radius: 6px;
    background: #e9ecef;
}

/* сама шкала */
.progress-bar {
    transition: width 0.3s ease;
}

/* текст силы */
#brusnika-strength-label {
    font-size: 13px;
}

/* поля */
.form-control {
    background: #f1f3f5;
}

/* убираем лишний голубой оттенок */
.card .card {
    background: transparent;
}

/* чтобы иконка в алерте не выглядела как чекбокс */
.result.alert i.fa {
  font-size: 16px;
  vertical-align: middle;
}