/* Start:/local/templates/zeta-2023/components/bitrix/system.auth.authorize/.default/style.css?17938987773787*/
.account-auth {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
    gap: 22px;
    max-width: 980px;
    margin: 0 auto;
    align-items: start;
}
.account-auth-card, .account-auth-aside {
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 3px 16px rgba(26, 29, 31, .05);
}
.account-auth-card { padding: 32px; }
.account-auth-card h1 { margin: 0 0 8px; color: #1a1d1f; font-size: 28px; line-height: 1.25; }
.account-auth-lead { margin: 0 0 26px; color: #666560; line-height: 1.55; }
.account-auth-form { display: grid; gap: 20px; }
.account-auth-field { display: grid; gap: 8px; min-width: 0; }
.account-auth-field label { margin: 0; color: #333230; font-size: 14px; font-weight: 600; }
.account-auth-input {
    width: 100%;
    min-height: 46px;
    padding: 10px 13px;
    border: 1px solid #d9dce0;
    border-radius: 5px;
    background: #fff;
    color: #1a1d1f;
    font-size: 15px;
}
.account-auth-input:focus { border-color: #ca090d; outline: 2px solid rgba(202, 9, 13, .14); outline-offset: 1px; }
.account-auth-input::placeholder { color: #9a9fa5; font-style: normal; }
.account-auth-password { position: relative; }
.account-auth-password .account-auth-input { padding-right: 100px; }
.account-auth-password-toggle {
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    padding: 7px 9px;
    border: 0;
    background: transparent;
    color: #666560;
    font-size: 13px;
    cursor: pointer;
}
.account-auth-password-toggle:hover { color: #ca090d; }
.account-auth-password-toggle:focus-visible, .account-auth-submit:focus-visible,
.account-auth-aside a:focus-visible, .account-auth-options a:focus-visible {
    outline: 2px solid #ca090d;
    outline-offset: 3px;
}
.account-auth-hint { color: #777b80; font-size: 13px; line-height: 1.45; }
.account-auth-options { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 18px; align-items: center; font-size: 14px; }
.account-auth-options a { color: #ca090d; text-decoration: none; }
.account-auth-options a:hover { text-decoration: underline; }
.account-auth-remember { display: inline-flex; align-items: center; gap: 8px; margin: 0; cursor: pointer; }
.account-auth-remember input { width: 16px; height: 16px; accent-color: #ca090d; }
.account-auth-submit {
    min-height: 46px;
    width: 100%;
    padding: 10px 20px;
    border: 0;
    border-radius: 5px;
    background: #ca090d;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}
.account-auth-submit:hover { background: #a5080b; }
.account-auth-aside { padding: 30px; background: #f8f9fa; }
.account-auth-aside h2 { margin: 0 0 12px; color: #1a1d1f; font-size: 21px; }
.account-auth-aside p { margin: 0 0 22px; color: #666560; line-height: 1.6; }
.account-auth-aside a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 9px 18px;
    border: 1px solid #ca090d;
    border-radius: 5px;
    color: #ca090d;
    font-weight: 600;
    text-decoration: none;
}
.account-auth-aside a:hover { background: #ca090d; color: #fff; text-decoration: none; }
.account-auth-message { margin: 0 0 18px; padding: 12px 15px; border-radius: 5px; background: #fff2f2; color: #a5080b; }
.account-auth-info { margin: 0 0 20px; padding: 12px 15px; border-radius: 5px; background: #f1f7f2; color: #27643d; }
.account-auth-captcha { display: block; max-width: 100%; }
@media (max-width: 760px) {
    .account-auth { grid-template-columns: 1fr; }
    .account-auth-card, .account-auth-aside { padding: 22px; }
}
@media (max-width: 480px) {
    .account-auth-card, .account-auth-aside { padding: 18px; }
    .account-auth-card h1 { font-size: 24px; }
}

/* End */
/* /local/templates/zeta-2023/components/bitrix/system.auth.authorize/.default/style.css?17938987773787 */