.auth-page{grid-template-columns:minmax(0,1fr)}
.auth-card{margin:0;width:min(440px,100%);min-width:0;justify-self:center;padding:30px 36px}
.auth-card [hidden]{display:none!important}
.auth-card .auth-tools{margin:0 0 14px}
.auth-card .brand{margin:0 0 26px;display:block}
.auth-card .brand-logo{width:120px;height:auto}
.auth-mode-nav{display:flex;gap:24px;border-bottom:1px solid var(--color-border);margin:0 0 24px}
.auth-mode-nav a{display:block;padding:0 0 10px;color:var(--color-text-muted);font-size:var(--text-body);border-bottom:2px solid transparent;margin-bottom:-1px}
.auth-mode-nav a[aria-current=page]{color:var(--color-text);border-bottom-color:var(--color-primary);font-weight:600}
.auth-card h1{margin:0 0 10px;font-size:var(--text-page-title)}
.auth-card #auth-description{margin:0 0 24px;color:var(--color-text-secondary);overflow-wrap:anywhere}
.auth-card .auth-form{display:grid;gap:16px;margin:0}
.auth-card .auth-form label{display:grid;gap:7px;margin:0;font-size:var(--text-body)}
.auth-card .auth-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]){width:100%;max-width:100%;margin:0;height:36px;min-height:36px}
.auth-card .auth-form>button,.auth-card .auth-yandex{width:100%;min-height:36px;justify-content:center}
.auth-card .auth-form>.auth-field-note{margin:-5px 0 0;font-size:var(--text-caption);line-height:1.5;color:var(--color-text-muted)}
.auth-yandex{display:flex;align-items:center;gap:10px;margin:0;font-size:var(--text-body)}
.auth-yandex-mark{font-size:23px;font-weight:600;line-height:1;color:#fc3f1d}
.auth-divider{position:relative;display:flex;align-items:center;gap:12px;margin:20px 0;font-size:var(--text-caption);color:var(--color-text-muted)}
.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--color-border);flex:1}
.auth-card .auth-switch-method{display:block;margin:20px auto 0;text-align:center;font-size:var(--text-body);color:var(--color-link)}
.auth-card #auth-code{font-variant-numeric:tabular-nums;letter-spacing:.18em;font-size:20px}
.auth-card #auth-code::placeholder{font-size:var(--text-body);letter-spacing:0}
.auth-code-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.auth-card .auth-code-actions button{font-size:var(--text-body);color:var(--color-link);min-height:28px}
.auth-card .auth-code-actions button:disabled{background:none;border:0;color:var(--color-text-muted);cursor:default;opacity:1}
.auth-card #auth-resend-status{margin:-10px 0 0;font-size:var(--text-caption);color:var(--color-text-muted)}
.auth-card #auth-error{margin:16px 0 0;min-height:0;color:var(--color-error);font-size:var(--text-body);line-height:1.5;overflow-wrap:anywhere}
.auth-card #auth-error:empty{display:none}
.auth-card .auth-note{margin:26px 0 0;padding-top:18px;font-size:var(--text-caption);line-height:1.5}
@media(max-width:760px){.auth-card{padding:24px}.auth-card .auth-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.auth-card .auth-form>button,.auth-card .auth-yandex{height:44px;min-height:44px}.auth-card .auth-code-actions button,.auth-card .auth-switch-method{min-height:44px}.auth-mode-nav{gap:20px}.auth-card .brand-logo{width:110px}.auth-card #auth-code{font-size:20px}}

#auth-root{width:100%;display:contents}
.ui-form-fields{border:0;padding:0;margin:0;min-width:0;display:contents}
