.popup--auth { width: 800px; max-width: calc(100vw - 32px); max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); overflow: auto; background: #1c202e; }
.popup--auth .gx-split { display: grid; grid-template-columns: 42% 58%; align-items: stretch; }
.popup--auth .gx-split > .gx-left { height: auto; min-height: 100%; overflow: hidden; align-self: stretch; }
.popup--auth .gx-split > .gx-right { min-width: 0; max-height: none; overflow: visible; }
.popup--auth .gx-comp-el-0 { bottom: 0; left: -12px; height: 84%; max-height: 480px; }
.popup--auth .gx-floating-remark { bottom: 20px; left: 14px; right: 14px; width: auto; text-align: center; font-size: 11px; padding: 10px 8px; }
.popup--auth .popup__title { padding: 20px 24px; }
.popup--auth .popup__title span { font-size: 20px; }
.popup--auth .popup__content { padding: 0 24px 22px; }
.popup--auth .popup__content > p.text-gray, .popup--auth .popup__content > br { display: none; }
.popup--auth .auth_blocks { margin: 16px 0 !important; gap: 8px; }
.popup--auth .auth_blocks::before { content: 'Или войдите через'; grid-column: 1 / -1; width: 100%; text-align: center; color: #8795b5; font-size: 12px; margin-bottom: 4px; }
.popup--auth .auth_blocks > .btn { min-height: 40px; height: auto; padding: 10px 8px; font-size: 13px; }
.popup--auth .auth_blocks .login_buttons { font-size: 13px; }
.popup--auth .gx-remark { font-size: 11px; line-height: 1.5; }
.email-auth { margin: 0; text-align: left; }
.email-auth__tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; margin: 0 0 18px; border: 1px solid #30394e; border-radius: 12px; background: #161b29; }
.email-auth__tabs button { padding: 10px 8px; border: 0; border-radius: 8px; background: transparent; color: #8c9abb; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; }
.email-auth__tabs button[aria-selected="true"] { background: #303d58; color: #fff; box-shadow: 0 2px 8px #0002; }
.email-auth h3 { margin: 0 0 12px; padding: 0 !important; font-size: 18px; color: #fff; }
.email-auth label { display: block; margin: 12px 0 6px; font-size: 12px; line-height: 1.4; color: #b8c2d9; }
.email-auth input { display: block; box-sizing: border-box; width: 100%; min-width: 0; height: 46px; padding: 10px 12px; border: 1px solid #3c4965; border-radius: 10px; background: #182137; color: #fff; font: inherit; font-size: 14px; }
.email-auth input:focus, .email-auth__tabs button:focus-visible { outline: 2px solid #488aff; outline-offset: 2px; }
.email-auth__button { display: flex; width: 100%; min-height: 46px; justify-content: center; margin-top: 16px; padding: 12px; cursor: pointer; font-size: 14px; }
.email-auth__hint { margin: 12px 0; font-size: 12px; line-height: 1.5; color: #aab6d0; }
.email-auth__actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0; }
.email-auth__actions .btn { flex: 1; padding: 10px; justify-content: center; cursor: pointer; font-size: 12px; }
.email-auth__message { margin: 10px 0 0; color: #ffbf72; font-size: 12px; line-height: 1.5; }
.email-auth__message:empty { display: none; }
.email-auth button:disabled { opacity: .6; cursor: wait; }
.email-auth [hidden], .popup--auth .auth_blocks[hidden] { display: none !important; }
@media (max-width: 640px) {
 .popup--auth { width: 420px; max-width: calc(100vw - 24px); max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); }
 .popup--auth .gx-split { display: block; }
 .popup--auth .gx-split > .gx-left { display: none !important; }
 .popup--auth .popup__title { padding: 18px 20px; }
 .popup--auth .popup__title span { font-size: 18px !important; }
 .popup--auth .popup__content { padding: 0 20px 20px; }
}