#app{
    min-height: 100vh;
    background: #182444;
}

.container{
    min-width: 600px;
}

button{
    background: #e71b8c!important;
    border: none!important;
}

a{
    color:#e71b8c!important;
}

.card-header{
    padding-bottom: 0px!important;
}

/* Стили для форм аутентификации */
.auth-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3f5f8;
}

.auth-card {
    width: 100%;
    max-width: 450px;
}

.auth-card>.card{
    border-radius: 12px!important;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .0588235294);
    border: 1px solid #ececf0;
}

/* Стили для логотипа в формах аутентификации */
.auth-logo {
    max-width: 220px;
    height: auto;
    margin-bottom: 20px;
}

/* Стили для фокуса полей в формах аутентификации */
.auth-page .form-control:focus {
    border-color: transparent!important;
    box-shadow: 0 0 0 0.2rem rgba(219, 125, 221, 0.25)!important;
    outline: none!important;
}

.auth-page .input-group:focus-within {
    box-shadow: 0 0 0 0.2rem rgba(219, 125, 221, 0.25)!important;
    border-radius: 0.375rem;
}

.auth-page .input-group:focus-within .form-control {
    border-color: transparent!important;
    box-shadow: none!important;
}

.auth-page .input-group:focus-within .input-group-text {
    border-color: transparent!important;
}

/* Стили для кнопок в формах аутентификации */
.auth-page .btn-primary {
    background: linear-gradient(100.65deg, #db7ddd 18.03%, #c488f2 113.33%)!important;
}

.auth-page .btn-primary:hover {
    opacity: 0.8;
}

.auth-page a {
    color: #e71b8c!important;
}

.auth-page a:hover {
    color: #c4186f!important;
}

/* Стили для label в формах аутентификации */
.auth-page .form-label {
    font-weight: bold!important;
}