.auth-container {min-height:100vh;min-height:100svh;background:#f8faf9;}
.auth-container,.auth-container * {box-sizing:border-box;}
.auth-container.full-vh,.auth-container .full-vh {height:auto;min-height:100vh;min-height:100svh;}
.auth-info-container {width:43%;flex:0 0 43%;overflow:hidden;padding:33px 58px;background:#15243a;color:#fff;}
.auth-info-container:after {content: "";position: absolute;width: 560px;height: 560px;right: -250px;bottom: -250px;border: 1px solid #ffffff22;border-radius: 50%;box-shadow: 0 0 0 60px #ffffff09,0 0 0 120px #ffffff06;}
.auth-logo {color: #fff;font: 23px 'Playfair Display',serif;letter-spacing: -1px;}
.auth-info-text {margin: auto 0 35px;}
.auth-info-text-top {letter-spacing:1.35px;color: #efc979;font-size: 10px;font-weight: 700;padding: 0 0 8px;}
.auth-info-text h1 {font: 600 clamp(34px,4vw,54px)/1.08 'Playfair Display';letter-spacing: -1.5px;margin: 0;color: #fff;}
.auth-info-text-bottom {color: #bac7d2;max-width: 350px;line-height: 1.6;font-size: 15px;padding: 18px 0 0;}
.auth-stats {position: relative;z-index: 1;width: min(390px,100%);border:1px solid #ffffff1e;background: #ffffff0b;border-radius: 10px;padding: 17px;font-size: 11px;}
.auth-stats-header {font-size:11px;}
.auth-stats-header .bold {color:#efc979;}
.auth-stats-data {padding-top:12px;}
.auth-stats-data-container {padding:6px 0;}
.auth-stats-data-name {width:120px;}
.auth-stats-data-val {width:calc(100% - 120px);}
.auth-data-stats-val-d {height:10px;border-radius:4px;background:#73a6da;}
.auth-data-stats-val-d.yellow {background:#d6af72;}
.auth-data-stats-val-d.orange {background:#d88372;}
.auth-form-container {width:57%;min-width:0;padding:40px;}
.auth-content {width:410px;max-width:100%;}
.auth-title {letter-spacing:1.35px;color:#82909d;font-size:10px;font-weight:700;padding-bottom:8px;}
.auth-subtitle {letter-spacing:-.8px;font-size:32px;font-weight:600;padding:0;margin:0;}
.auth-text {color:#728292;padding:8px 0 26px;line-height:1.5;}
.auth-form-filed {padding-bottom: 9px;}
.auth-form-filed input {width:100%;}
.auth-captcha {min-height: 65px;padding: 7px 0 9px;}
.auh-form-half-field {width: calc(50% - 5px);}
.auth-not-registered {padding-bottom: 16px;font-size: 11px;}
.auth-not-registered-bottom {padding-top: 25px;font-size: 12px;color: #728392;}
.invitation-details .alert {margin:25px 0 0;}
.auth-button {padding-top: 7px;}
.auth-button button {min-height:44px;}
.auth-text,.auth-not-registered-bottom,.auth-not-registered-bottom a,.auth-container .alert,.auth-container .filed-error {overflow-wrap:anywhere;}
.auth-legal {padding-top: 16px;font-size: 11px;line-height: 1.5;color: #5c6b79;overflow-wrap: anywhere;}
.auth-legal a {font-weight: 600;}
.auth-steps {}
.auth-step {padding-bottom: 13px;}
.auth-step-number {width: 25px;height: 25px;border: 1px solid #eaca85;border-radius: 50%;color: #eaca85;font-size: 11px;}
.auth-step-data {padding-left: 10px;}
.auth-step-data-text {font-size: 11px;padding-top: 4px;color: #aab9c6;}

@media (max-width: 900px) {
    .auth-info-container {padding:32px;}
    .auth-form-container {padding:40px 32px;}
}

@media (max-width: 720px) {
    .auth-container {flex-direction:column;}
    .auth-info-container {width:100%;min-height:72px;flex:0 0 auto;padding:23px 24px;}
    .auth-info-container:after {width:240px;height:240px;right:-145px;bottom:-175px;box-shadow:0 0 0 35px #ffffff09,0 0 0 70px #ffffff06;}
    .auth-info-text,.auth-stats,.auth-steps {display:none;}
    .auth-logo {position:relative;z-index:1;}
    .auth-container .auth-form-container {width:100%;min-height:0;flex:1;align-items:flex-start;padding:42px 24px;}
    .auth-content {margin:0 auto;}
    .auth-subtitle {font-size:30px;line-height:1.16;}
    .auth-text {padding-bottom:24px;}
    .auth-not-registered-bottom.flex {gap:12px;flex-direction:column;align-items:center;}
}

@media (max-width: 420px) {
    .auth-info-container {min-height:64px;padding:19px 20px;}
    .auth-container .auth-form-container {padding:34px 20px max(34px,env(safe-area-inset-bottom));}
    .auth-subtitle {font-size:28px;}
    .auth-container input {font-size:16px;}
    .auth-button button {font-size:13px;}
    .auth-not-registered-bottom {line-height:1.55;}
}
