.auth-page{display:grid;grid-template-columns:minmax(0,560px) minmax(320px,460px);gap:24px;max-width:1044px;min-height:650px;margin:48px auto;padding:0 24px}.auth-card,.auth-aside{border:1px solid var(--line);border-radius:18px;background:#fff}.auth-card{padding:38px 42px}.auth-card-head{text-align:center}.auth-card-head em{color:#557062;font-size:10px;font-style:normal;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.auth-card-head h1{margin:8px 0 7px;font-size:34px;letter-spacing:-.065em}.auth-card-head p{margin:0;color:var(--muted);font-size:12px}.auth-form{margin-top:28px}.auth-form label{display:block;color:#4f5965;font-size:10px;font-weight:800}.auth-form input{min-height:43px;margin:7px 0 14px;background:#fbfcfa}.auth-form .btn{width:100%;min-height:43px;margin-top:3px;border-radius:9px;background:var(--blue);box-shadow:0 7px 18px #087dcc20}.auth-passwords{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-divider{display:flex;align-items:center;gap:12px;margin:23px 0 14px;color:#929aa4;font-size:9px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}.social-auth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.social-auth-button{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:1px solid #dce1e5;border-radius:9px;background:#fff;color:#39434f;font-size:10px;font-weight:800;overflow:hidden;cursor:pointer}.social-auth-button:hover{border-color:#aab9c5;background:#fafcfd}.social-auth-button b{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#087ded;color:#fff;font-size:8px}.social-auth-button.yandex b{border-radius:50%;background:#fc3f1d}.social-auth-button.telegram i{color:#229ed9;font-size:18px}.social-auth-button.disabled{cursor:not-allowed;opacity:.42}.telegram-auth-wrap{position:relative}.telegram-auth-wrap .social-auth-button{width:100%;height:100%;pointer-events:none}.telegram-widget{position:absolute;inset:0;overflow:hidden;opacity:.01}.telegram-widget iframe{width:100%!important;height:100%!important}.social-auth-note,.auth-switch{text-align:center;color:var(--muted);font-size:9px}.social-auth-note{margin:11px 0 0}.auth-switch{margin:22px 0 0}.auth-switch a{color:var(--blue);font-weight:800}.social-error{display:flex;align-items:center;gap:7px;margin:-3px 0 12px;padding:9px 11px;border-radius:8px;background:#fff1ef;color:#a34238;font-size:9px}.auth-aside{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:42px;overflow:hidden;background:#101a2a;color:#fff}.auth-aside>i{position:absolute;right:34px;top:38px;color:var(--mint);font-size:85px;opacity:.18}.auth-aside:before{content:"";position:absolute;width:260px;height:260px;right:-100px;top:-100px;border-radius:50%;background:#087dcc25}.auth-aside h2{margin:0 0 13px;font-size:31px;line-height:1.08;letter-spacing:-.06em}.auth-aside>p{max-width:320px;margin:0;color:#aeb9c7;font-size:12px;line-height:1.7}.auth-aside>div{display:flex;align-items:center;gap:12px;margin-top:34px;padding-top:24px;border-top:1px solid #ffffff1f}.auth-aside>div b{font-size:30px;letter-spacing:-.06em}.auth-aside>div span{max-width:170px;color:#b8c2cd;font-size:9px;line-height:1.45}
@media(max-width:780px){.auth-page{display:block;min-height:auto;margin:25px auto;padding:0 16px}.auth-card{padding:28px 22px}.auth-aside{display:none}.auth-card-head h1{font-size:29px}.auth-passwords{grid-template-columns:1fr}.social-auth-grid{grid-template-columns:1fr}.social-auth-button{min-height:44px}}

.social-auth-heading{margin:30px 0 13px;text-align:left}.social-auth-heading b,.social-auth-heading span{display:block}.social-auth-heading b{font-size:15px}.social-auth-heading span{margin-top:3px;color:var(--muted);font-size:11px}.social-auth-grid{grid-template-columns:1fr;gap:10px}.social-auth-button{justify-content:flex-start;min-height:54px;padding:0 18px;border-radius:11px;font-size:13px;box-shadow:0 3px 10px #1017290a}.social-auth-button b{width:28px;height:28px;border-radius:8px;font-size:10px}.social-auth-button.yandex b{border-radius:50%}.social-auth-button.telegram i{width:28px;text-align:center;font-size:24px}.social-auth-button:not(.disabled):after{content:"→";margin-left:auto;color:#8c98a4;font-size:16px}.social-auth-note{text-align:left;margin:10px 0 0;padding-left:2px;font-size:10px}.auth-divider{margin:24px 0 18px;font-size:10px}.auth-form.auth-form-compact{margin-top:0}.auth-page{min-height:760px}.auth-card{padding-top:34px;padding-bottom:30px}.auth-card-head h1{font-size:38px}.auth-card-head p{font-size:13px}.auth-page-verify{min-height:620px}.auth-mail-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border-radius:16px;background:#eaf6fc;color:var(--blue);font-size:27px}.verify-form{max-width:360px;margin:28px auto 0}.verification-code{text-align:center;font-size:28px!important;font-weight:800;letter-spacing:.24em;font-variant-numeric:tabular-nums}.verify-form .error{text-align:center}.auth-page-verify .social-auth-note{text-align:center;padding:0}
@media(max-width:780px){.auth-page{min-height:auto}.auth-card-head h1{font-size:31px}.social-auth-heading{margin-top:25px}.social-auth-button{min-height:52px;font-size:12px}}

@media(min-width:1101px){
    .auth-page{grid-template-columns:minmax(0,840px) minmax(480px,690px);gap:36px;max-width:1566px;min-height:975px;margin:40px auto;padding:0 36px}
    .auth-card,.auth-aside{border-radius:27px}
    .auth-card{padding:51px 63px 45px}
    .auth-card-head em{font-size:15px}
    .auth-card-head h1{margin:12px 0 11px;font-size:57px}
    .auth-card-head p{font-size:19px}
    .social-auth-heading{margin:42px 0 18px}
    .social-auth-heading b{font-size:23px}
    .social-auth-heading span{margin-top:5px;font-size:16px}
    .social-auth-grid{gap:15px}
    .social-auth-button{min-height:81px;padding:0 27px;border-radius:16px;font-size:19px}
    .social-auth-button b{width:42px;height:42px;border-radius:12px;font-size:15px}
    .social-auth-button.telegram i{width:42px;font-size:36px}
    .social-auth-button:not(.disabled):after{font-size:24px}
    .social-auth-note{margin-top:15px;font-size:15px}
    .auth-divider{gap:18px;margin:36px 0 27px;font-size:15px}
    .auth-form label{font-size:15px}
    .auth-form input{min-height:65px;margin:10px 0 21px;font-size:18px}
    .auth-form .btn{min-height:65px;margin-top:5px;border-radius:14px;font-size:18px}
    .auth-passwords{gap:18px}
    .auth-switch{margin-top:33px;font-size:14px}
    .social-error{gap:10px;margin:-5px 0 18px;padding:14px 17px;border-radius:12px;font-size:14px}
    .auth-aside{padding:63px}
    .auth-aside>i{right:51px;top:57px;font-size:128px}
    .auth-aside:before{width:390px;height:390px;right:-150px;top:-150px}
    .auth-aside h2{margin-bottom:20px;font-size:47px}
    .auth-aside>p{max-width:480px;font-size:18px}
    .auth-aside>div{gap:18px;margin-top:51px;padding-top:36px}
    .auth-aside>div b{font-size:45px}
    .auth-aside>div span{max-width:255px;font-size:14px}
    .auth-mail-icon{width:87px;height:87px;margin-bottom:27px;border-radius:24px;font-size:41px}
    .verify-form{max-width:540px;margin-top:42px}
    .verification-code{font-size:42px!important}
}

@media(min-width:781px) and (max-width:1100px){.auth-page{grid-template-columns:minmax(0,1fr) minmax(300px,.75fr);max-width:100%;margin:32px auto}.auth-card{padding:34px 36px}.auth-aside{padding:36px}}