.d-flex{display:flex}.flex-1{flex:1}.side-image{display:none}.side-image img{height:100%;width:100%}.outer-container{display:block}.switch-tab{background-color:#0e214e;border:1px solid #253865;display:flex;font-size:.75rem;font-weight:600;height:-moz-fit-content;height:fit-content;margin-left:-1rem;width:calc(100% + 2rem)}@media (min-width:1024px){.switch-tab{font-size:1rem}}.switch-tab>a,.switch-tab>div{text-wrap:auto;align-items:center;display:flex;justify-content:center;padding:.6rem;text-align:center}@media (min-width:1024px){.switch-tab>a,.switch-tab>div{padding:1rem}}.switch-tab .active-tab{background-color:#479e2c}.form-title-container{align-items:center;display:flex;flex-direction:column;margin-bottom:.5rem;position:relative;z-index:2}.form-title-container .form-title{color:#fff;font-size:2rem;font-weight:800;text-align:center}@media (min-width:1024px){.form-title-container .form-title{font-size:2.5rem}}.form-title-container .form-description{background-color:red;color:#fff;font-weight:600;padding:.2rem .5rem;text-align:center}.form-banner{margin-left:-1rem;position:relative;width:calc(100% + 2rem);z-index:2}.form-banner>img{width:100%}.red-description{color:#fff;display:flex;font-size:1.1rem;font-weight:700;justify-content:center;margin-top:1.5rem;position:relative;text-align:center;z-index:2}.red-description>span{background-color:red;padding:.2rem 1rem}.login{background:top/cover no-repeat;display:flex;justify-content:center;min-height:calc(100vh - var(--header-height));padding:.5rem .5rem calc(75px + env(safe-area-inset-bottom) + 2rem)}.login .image-container{height:100%}.login .image-container img{aspect-ratio:10/9;-o-object-fit:cover;object-fit:cover}.login__container{background-color:#0e214e;border-radius:5px 5px 20px 20px;overflow:hidden;padding:0 1rem 1rem;position:relative}.login__container:after,.login__container:before{content:"";height:100%;position:absolute;top:60%;transform:translateY(-50%);width:65%;z-index:1}@media (min-width:1024px){.login__container:after,.login__container:before{width:35%}}.login__container:before{background:50%/contain no-repeat url(/images/redesign/lion-left.png);left:0}.login__container:after{background:50%/contain no-repeat url(/images/redesign/lion-right.png);right:0}@media (min-width:1024px){.login{padding-bottom:1.5rem}.login .outer-container{max-width:550px;padding:0 1rem}.login .side-image{display:block}.login .register__container{background-color:#0e214e;display:block;overflow:hidden;width:700px}.login .login__form{margin:auto;width:60%}}@media (min-width:1440px){.login .outer-container{max-width:650px}}.login form{background-color:#0e214e;border-radius:20px;overflow:hidden;position:relative;width:100%}.login form button[type=submit]{background-color:#479e2c;border-radius:5px;font-size:.8rem;font-weight:600;padding:1rem}@media (min-width:1024px){.login form button[type=submit]{padding:1.2rem 1rem}}.login form p{font-size:.625rem;text-align:center}.login__brand{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-bottom:1rem;position:relative;z-index:2}.login__brand h3{color:#fff;font-weight:700}.login__brand img{display:block;width:130px}.login__form{grid-gap:.5rem;display:grid;position:relative;z-index:2}@media (min-width:1024px){.login__form{grid-gap:.8rem}}.login__form .turnstile{justify-self:center}.login__form p{color:#000}.login__actions{align-items:stretch;display:flex;gap:.5rem;overflow:hidden;width:100%}.login__actions .login__action-item{flex:1 1 0;min-width:0;width:auto}.login__forgot{grid-gap:.5rem;align-items:center;color:#fff;display:flex;justify-self:center}.login__forgot span{font-weight:600;text-decoration:underline}.login--d{align-items:flex-start;display:flex;justify-content:center;padding-top:4rem}.login--d .login__promotions{grid-gap:.5rem;background-color:#e7e7e7;border-radius:5px;height:100%;overflow:hidden;padding:.75rem}.login--d .login__promotions ul{grid-auto-columns:unset;grid-auto-flow:unset;overflow:hidden;overflow-y:scroll;overflow-y:overlay;padding:0;transform:unset;width:100%}.login--d form{border-radius:0 20px 20px 0;display:grid;grid-template-rows:auto 1fr}.login--d .login__form{align-items:start}.login--d .login__form .turnstile,.login--d .login__form p{align-self:end}.login .register-cf-text{color:#fff}.login .login__forgot{margin:.5rem 0}

:root {
    --header-height: 102px;
}

.login.login--d {
    background-color: #4a9fd8;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.login__container:before,
.login__container:after {
    display: none;
}

.login form {
    padding: 0;
    border-radius: 0;
}

.login__field {
    width: 100%;
}

.login__form .auth-input input.input--reset {
    border: 0;
    outline: 0;
    width: 100%;
    font-family: 'Titillium Web', sans-serif;
    font-size: .875rem;
    box-sizing: border-box;
    text-align: left;
}

.login__form .auth-input input.input--reset::placeholder {
    color: rgba(255, 255, 255, 0.65);
}

.login__forgot {
    color: #fff;
    text-decoration: none !important;
    justify-self: center;
    margin: .35rem 0 .75rem;
}

.login__forgot span {
    font-weight: 600;
    text-decoration: underline;
}

.login__actions {
    display: flex;
    gap: .5rem;
    width: 100%;
}

.login__action-item {
    flex: 1 1 0;
    min-width: 0;
}

.login-submit-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    width: 100%;
    min-height: 46px;
    padding: .85rem .5rem !important;
    border: 0;
    cursor: pointer;
    background-color: #479e2c !important;
    color: #fff !important;
    font-size: .72rem !important;
    font-weight: 700;
    border-radius: 5px;
}

.login-submit-btn i {
    color: #fff !important;
}

.login-telegram-btn {
    min-height: 46px;
    padding: .85rem .4rem !important;
    font-size: .68rem !important;
}

.switch-tab a {
    color: #fff;
    text-decoration: none !important;
}

.switch-tab a:hover {
    color: #fff;
}

.cf-turnstile-mock {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 280px;
    max-width: 100%;
    padding: 10px 16px;
    background: #fafafa;
    border-radius: 999px;
    box-sizing: border-box;
}

.cf-turnstile-mock__left {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #111;
    font-size: .82rem;
    font-weight: 600;
}

.cf-turnstile-mock__check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #2ecc71;
    color: #fff;
    font-size: .75rem;
    font-weight: 700;
}

.cf-turnstile-mock__right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.1;
    color: #333;
}

.cf-turnstile-mock__right strong {
    font-size: .62rem;
    letter-spacing: .04em;
}

.cf-turnstile-mock__right small {
    font-size: .55rem;
    color: #666;
}

.turnstile {
    justify-self: center;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: .75rem;
}

.login-cf-text {
    color: #fff;
    font-size: .55rem;
    line-height: 1.35;
    text-align: center;
    margin: .65rem 0 0;
    opacity: .85;
}

@media (max-width: 520px) {
    .login__actions {
        flex-direction: column;
    }

    .login-submit-btn,
    .login-telegram-btn {
        font-size: .75rem !important;
    }
}
.turnstile{height:70.5px;position:relative}.turnstile .input__error{bottom:0;left:0;position:absolute;transform:translateY(100%)}.turnstile__wrapper{background-color:#fafafa;border-radius:50px;display:inline-block;overflow:hidden;position:relative}.turnstile__wrapper:after,.turnstile__wrapper:before{background-color:#fafafa;content:"";height:4px;position:absolute;width:100%}.turnstile__wrapper:before{top:2px;z-index:2}.turnstile__wrapper:after{bottom:4px}.turnstile .cf-turnstile-wrapper{transform:translateY(2px)}