body {
    /*background: url("/html/assets/img/bg/pages/bg-auth.png");*/
    /*background-repeat: no-repeat !important;*/
    /*background-size: contain !important;*/
}

.back-top,
.back-bottom {
    display: none;
}

.auth-page--title {
    margin: 60px 0;
    text-align: center;
}

.auth-page--title-sub {
    font-size: 9px;
    text-transform: uppercase;
    color: #fff;
    max-width: 470px;
    background: rgb(0 0 0 / 35%);
    height: 42px;
    width: 100%;
    line-height: 1.6;
    border-radius: 0 0 30px 30px;
    top: 100%;
    font-weight: 300;
}

.button-main--outer {
    max-width: 560px;
    width: 100%;
    max-height: 90px;
    height: 100%;
    aspect-ratio: 560 / 180;
}

.button-main {
    width: 100%;
    height: 100%;
    border-radius: 275px;

    background: linear-gradient(360deg, #b82f12 0%, #ff0000 100%);
    box-shadow: inset 0 -14px 10px 0 rgb(238 114 0 / 25%);
    z-index: 1;
    padding: 5px 7px;
    cursor: pointer;
}

.button-main * {
    width: inherit;
    height: inherit;
    border-radius: inherit;
}

.button-main-1 {
    box-shadow: inset 0 2px 0 0 #fff, inset 0 -8px 0 0 rgba(255, 255, 255, 0.25), 0 11px 11px 0 rgba(0, 0, 0, 0.2);
    background: linear-gradient(360deg, #f6ec92 0%, #fffbd7 100%);
    padding: 5px 10px;
    border: 3px solid #EE7200;
}

.button-main-2 {
    box-shadow: inset 0 5px 0 0 #fff, inset 0 -5px 0 0 rgba(0, 0, 0, 0.45), 0 6px 8px 0 rgba(163, 48, 36, 0.53);
    background: linear-gradient(360deg, #e31132 0%, #df0000 37%, #ffd977 100%);
    border: 3px solid #b00000;
}

.button-main-3 {
    background: #ffffff1c;
    filter: blur(1px);
}

.button-main-text {
    position: absolute;
    width: 100%;
    height: 100%;
    line-height: 1;
    left: 0;
    top: 0;
}

.button-main-text {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 67%;
    text-transform: uppercase;
    color: #fff;
    font-weight: 900;
    font-size: 27px;
    -webkit-text-stroke: 2px #003F5F;
    text-stroke: 2px #003F5F;
}

.button-main:hover .button-main-2 {
    box-shadow: inset 0 5px 0 0 #fff, inset 0 -5px 0 0 rgba(0, 0, 0, 0.45), 0 6px 8px 0 rgba(163, 48, 36, 0.53);
    background: linear-gradient(360deg, #e31132 0%, #df0000 37%, #ffd977 100%);
}

.form-layer {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 3px 13px 2px #00000040;
    padding: 40px 36px 36px;
}

.remember-link a {
    font-size: 12px;
    color: var(--color-rose);
}

.register-link {
    font-size: 12px;
    text-align: center;
    margin-top: 20px;
}

.register-link a {
    color: var(--color-rose);
}

form label {
    line-height: 2;
}

.agreement {
    color: #7C7E7F;
    font-size: 12px;
    margin-top: 16px;
    line-height: 1.5;
}

.agreement a {
    color: var(--color-rose);
}

.auth-btn-column {
    margin-top: 16px;
    gap: 16px;
}

input[type=number]:focus,
input[type=number]:focus-visible,
input[type=number]:focus-within {
    border: none;
    outline: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.partner-note {
    background: #FFFFFFB0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    padding: 4px 0;
    line-height: 1.6;
    margin: 16px 36px 0;
}

.partner-note a {
    color: var(--color-rose);
}

.footer-contacts--item {
    color: var(--color-black);
}

.button-main {
    cursor: default;
}





@media screen and (max-width: 1199px) {
    body {
        background: url("/html/assets/img/bg/pages/bg-auth-m.png");
        background-size: cover !important;
    }

    .auth-page--title-sub {
        font-size: 6px;
        max-width: calc(100% - 55px);
        height: 25px;
    }

    .button-main--outer {
        max-height: 52px;
    }

    .button-main {
        max-height: 52px;
        padding: 2px 5px;
    }

    .button-main-1 {
        border: 1px solid #e79244;
        padding: 3px 7px;
    }

    .button-main-text {
        font-size: 16px;
        -webkit-text-stroke: 1px #003F5F;
        text-stroke: 1px #003F5F;
    }

    .partner-note {
        margin: 10px 0 0;
    }

    .auth-page--title {
        margin: 40px 0 45px;
    }

    .register-link {
        margin-top: 18px;
    }

    .form-layer {
        box-shadow: none;
        background: #FFFFFFB0;
        padding: 20px 12px 36px;
    }

    form label {
        line-height: 1.9;
    }

    .agreement a {
        color: #2B2E31;
    }

    .btn {
        padding: 12px;
        font-size: 16px;
    }
}