body{
    background-color: #0b1a2e;
}
/* ================================ LoginBox ======================== */
.auth-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-color: #0b1a2e;
    padding: 0 10px;
    /* Темно-синий матовый фон */
}

.auth-form {
    width: 100%;
    max-width: 400px;
    /*min-height: 486px;*/
    padding: 20px;
    border-radius: 8px;
    background: #fff;
}
.eye-btn{
    cursor: pointer;
}

.form-content{
    text-align: left;
}

.va-input-wrapper{
    width:100%;
}

.va-modal__inner{
    position: relative;
    margin: auto;
}
.color-red{
    color:red;
}

input.va-input__content__input:-webkit-autofill,
input.va-input__content__input:-webkit-autofill:hover,
input.va-input__content__input:-webkit-autofill:focus,
input.va-input__content__input:-webkit-autofill:active {
    transition: background-color 5000000s ease-in-out 0s;
    -webkit-text-fill-color: #000 !important; 
}

.separator {
    display: flex;
    align-items: center;
    text-align: center;
    color: #aaa;
}

.separator::before,
.separator::after {
    content: "";
    flex: 1;
    border-bottom: 1px solid #ddd;
    margin: 0 10px;
}

.social-login {
    display: flex;
    justify-content: center;
}

.auth-switch {
    text-align: center;
    color: #555;
}

.margin-small-top{margin-top: 10px;}
.margin-top{margin-top: 20px;}
.margin-large-top{margin-top: 40px;}

.margin-small-bottom{margin-bottom: 10px;}
.margin-bottom{margin-bottom: 20px;}
.margin-large-bottom{margin-bottom: 40px;}

.text-xxsmall   { font-size: 0.75rem; }
.text-xsmall   { font-size: 0.85rem; }
.text-small   { font-size: 0.875rem; }
.text-copyright{color:#b7b7b7}
/* ================================ LoginBox ======================== */