.mbl-account-wrap,.mbl-dashboard-wrap{max-width:1240px;margin:0 auto;padding:50px 24px 70px;box-sizing:border-box;color:#173f35}.mbl-account-wrap{display:flex;justify-content:center}.mbl-auth-card{width:min(100%,520px);background:#fff;border:1px solid #e6ddd0;border-radius:26px;padding:38px;box-shadow:0 18px 55px rgba(28,51,43,.08)}.mbl-account-kicker{font-size:13px;letter-spacing:.13em;font-weight:800;color:#487766;margin-bottom:8px}.mbl-auth-card h1,.mbl-dashboard-head h1{margin:0 0 10px;color:#123f34}.mbl-account-muted{color:#6b6b67;line-height:1.6}.mbl-account-form{display:grid;gap:16px;margin-top:24px}.mbl-account-form.compact{margin-top:12px}.mbl-account-form label{display:grid;gap:7px;font-weight:650;color:#283b35}.mbl-account-form input[type=text],.mbl-account-form input[type=email],.mbl-account-form input[type=password],.mbl-account-form input:not([type]){width:100%;height:48px;border:1px solid #d9d6cf;border-radius:12px;padding:0 14px;font-size:16px;box-sizing:border-box;background:#fff}.mbl-account-form input:focus{border-color:#2f705c;outline:3px solid rgba(47,112,92,.12)}.mbl-inline-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:9px!important;font-weight:400!important}.mbl-account-button{border:0;border-radius:12px;background:#17483a;color:#fff;font-weight:750;font-size:16px;min-height:50px;padding:13px 20px;cursor:pointer;text-align:center}.mbl-account-button:hover{background:#103b30;color:#fff}.mbl-button-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.mbl-vk-button{display:flex;align-items:center;justify-content:center;gap:10px;background:#07f;color:#fff!important;border-radius:12px;min-height:50px;padding:10px 18px;text-decoration:none;font-weight:750;margin-top:24px}.mbl-vk-button:hover{background:#066bd6}.mbl-vk-logo{font-weight:900;letter-spacing:-1px}.mbl-or{display:flex;align-items:center;gap:12px;color:#999;margin:20px 0}.mbl-or:before,.mbl-or:after{content:"";height:1px;background:#e6e2dc;flex:1}.mbl-auth-links{margin-top:20px;display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap;font-size:14px}.mbl-auth-links a{color:#226451}.mbl-account-error,.mbl-account-success,.mbl-account-note{max-width:760px;margin:18px auto;padding:14px 16px;border-radius:12px;box-sizing:border-box}.mbl-account-error{background:#fff2f1;border:1px solid #efc2be;color:#8c3028}.mbl-account-success{background:#effaf4;border:1px solid #b9dfc9;color:#256142}.mbl-account-note{background:#fff9ea;border:1px solid #ead7a5;color:#5b5034}.mbl-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.mbl-captcha{margin:2px 0}.mbl-dashboard-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}.mbl-dashboard-head p{margin:0;color:#777}.mbl-logout{color:#6d4f47;text-decoration:none;border:1px solid #ded4cb;padding:9px 14px;border-radius:10px;background:#fff}.mbl-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.mbl-dashboard-card{background:#fff;border:1px solid #e6ddd0;border-radius:22px;padding:26px;box-sizing:border-box;box-shadow:0 10px 35px rgba(28,51,43,.05)}.mbl-dashboard-card h2{margin:8px 0 12px;color:#173f35}.mbl-card-icon{display:inline-flex;min-width:42px;height:42px;align-items:center;justify-content:center;border-radius:12px;background:#edf5f1;font-weight:800}.mbl-access-pill{display:inline-flex;padding:7px 11px;border-radius:999px;background:#f3eee8;color:#725c4e;font-weight:700;font-size:14px}.mbl-access-pill.is-active{background:#e4f5eb;color:#21623f}.mbl-grants{margin:15px 0}.mbl-grants p{margin:6px 0;color:#4f5f59}.mbl-dashboard-card .mbl-account-button{margin-top:12px}.mbl-dashboard-card .mbl-vk-button{margin-top:14px}.mbl-dashboard-profile{grid-column:1/-1}.mbl-dashboard-profile .mbl-account-form{grid-template-columns:1fr 1fr auto;align-items:end}.mbl-dashboard-profile .mbl-account-button{margin:0}.mbl-auth-card .mbl-account-error,.mbl-auth-card .mbl-account-success{margin:0 0 18px;max-width:none}.mbl-dashboard-wrap>.mbl-account-error,.mbl-dashboard-wrap>.mbl-account-success{max-width:none;margin:0 0 20px}@media(max-width:760px){.mbl-account-wrap,.mbl-dashboard-wrap{padding:28px 14px 50px}.mbl-auth-card{padding:26px 20px;border-radius:20px}.mbl-dashboard-grid{grid-template-columns:1fr}.mbl-dashboard-profile{grid-column:auto}.mbl-dashboard-profile .mbl-account-form{grid-template-columns:1fr}.mbl-dashboard-head{align-items:center}.mbl-dashboard-head h1{font-size:28px}}

.mbl-register-cta{display:flex;align-items:center;justify-content:center;margin-top:14px;min-height:48px;border:1px solid #cbbdb4;border-radius:12px;text-decoration:none!important;font-weight:750;color:#6f3645!important;background:#fff}.mbl-register-cta:hover{background:#faf5f6;color:#5f2938!important}


/* 0.3.6 — профиль, пароль и управление подпиской */
.mbl-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mbl-dashboard-subscription .mbl-subscription-line{margin:16px 0 6px;color:#344b44}
.mbl-dashboard-security h3{margin:22px 0 6px;font-size:18px;color:#173f35}
.mbl-login-methods{margin:12px 0 4px;padding:14px;border-radius:14px;background:#f7f8f7;border:1px solid #e8e5df}
.mbl-vk-button.compact-vk{display:inline-flex;min-height:40px;margin-top:8px;padding:7px 14px;width:auto}
.mbl-password-form{grid-template-columns:1fr 1fr auto;align-items:end}
.mbl-password-form .mbl-account-button{margin:0}
.mbl-profile-form{grid-template-columns:1fr 1fr 1.2fr auto!important;align-items:end}
.mbl-profile-form .mbl-account-button{margin:0}
.mbl-profile-hint{margin:14px 0 0}
.mbl-danger-button{border:1px solid #c78787;background:#fff;color:#8d3030;border-radius:12px;font-weight:750;font-size:15px;min-height:46px;padding:11px 17px;cursor:pointer}
.mbl-danger-button:hover{background:#fff5f5;color:#762626}
.mbl-cancel-form{margin-top:16px}
@media(max-width:900px){.mbl-password-form,.mbl-profile-form{grid-template-columns:1fr!important}.mbl-form-row{grid-template-columns:1fr}}


/* 0.3.7 — выравнивание профиля и пояснение email-логина */
.mbl-profile-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto!important;align-items:end!important}
.mbl-profile-form>input[type=hidden]{display:none!important}
.mbl-profile-form>label{display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-self:stretch!important;gap:7px!important;margin:0!important;padding:0!important;min-width:0}
.mbl-profile-form>label>input{margin:0!important;min-height:48px!important}
.mbl-profile-form>.mbl-account-button{align-self:end!important;margin:0!important;min-height:48px}
.mbl-profile-hint{grid-column:1/-1;margin-top:14px!important}
@media(max-width:900px){.mbl-profile-form{grid-template-columns:1fr!important}.mbl-profile-form>label{align-self:stretch!important}.mbl-profile-form>.mbl-account-button{width:100%}}

#mbl-profile{scroll-margin-top:120px}.mbl-inline-profile-notice{max-width:none!important;margin:0 0 16px!important}


/* 0.3.16 — постоянный безопасный отступ под фиксированной шапкой bazi-wuxing.com.
   Страницы аккаунта используют обычный шаблон темы, поэтому шапка перекрывает начало content-area. */
.mbl-account-wrap,
.mbl-dashboard-wrap{
    padding-top:110px!important;
}
#mbl-profile{
    scroll-margin-top:160px!important;
}
@media(max-width:760px){
    .mbl-account-wrap,
    .mbl-dashboard-wrap{
        padding-top:86px!important;
    }
    #mbl-profile{scroll-margin-top:130px!important;}
}


/* 0.3.17 — выход рядом с данными пользователя и возврат к разделам кабинета */
.mbl-dashboard-head{justify-content:flex-start!important;}
.mbl-user-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:2px}
.mbl-user-meta p{margin:0!important}
.mbl-user-meta .mbl-logout{display:inline-flex;align-items:center;padding:5px 10px;border-radius:8px;font-size:14px;line-height:1.2;white-space:nowrap}
.mbl-dashboard-back{display:inline-block;margin:0 0 18px;color:#315d4a!important;text-decoration:none!important;font-weight:700;font-size:14px}
.mbl-dashboard-back:hover{text-decoration:underline!important}
#mbl-dashboard-sections{scroll-margin-top:150px}
@media(max-width:760px){
  .mbl-user-meta{align-items:flex-start;flex-direction:column;gap:8px}
  #mbl-dashboard-sections{scroll-margin-top:120px}
}


/* 0.3.20 — нейтральные поля регистрации и входа.
   Некоторые браузеры/тема сайта окрашивали autofill/invalid в ярко-розовый. */
.mbl-account-form input[type=text],
.mbl-account-form input[type=email],
.mbl-account-form input[type=password],
.mbl-account-form input:not([type]){
    background:#fff!important;
    background-color:#fff!important;
}
.mbl-account-form input:-webkit-autofill,
.mbl-account-form input:-webkit-autofill:hover,
.mbl-account-form input:-webkit-autofill:focus,
.mbl-account-form input:-webkit-autofill:active{
    -webkit-text-fill-color:#283b35!important;
    -webkit-box-shadow:0 0 0 1000px #fff inset!important;
    box-shadow:0 0 0 1000px #fff inset!important;
    caret-color:#283b35!important;
}
.mbl-account-form input:autofill{
    background:#fff!important;
    background-color:#fff!important;
    color:#283b35!important;
}
.mbl-account-form input:invalid{
    background:#fff!important;
    background-color:#fff!important;
    box-shadow:none;
}
.mbl-account-form input:user-invalid{
    border-color:#c96d6d!important;
    outline:none!important;
    background:#fff!important;
}


/* 0.3.22 — профиль первым и более ясное разделение доступа и оплаты */
.mbl-dashboard-profile{grid-column:1/-1}
.mbl-dashboard-profile h2{margin-top:8px}
.mbl-dashboard-subscription .mbl-subscription-product{margin:10px 0 0}
@media(max-width:760px){.mbl-dashboard-profile{grid-column:auto}}


/* 0.3.23 — логический порядок личного кабинета:
   Профиль → Пароль и вход → Моё обучение → Библиотека → Управление подпиской. */
.mbl-dashboard-security{grid-column:1/-1}
.mbl-dashboard-subscription{grid-column:1/-1}
@media(max-width:760px){
  .mbl-dashboard-security,.mbl-dashboard-subscription{grid-column:auto}
}

/* 0.4.2 — passwordless email OTP */
.mbl-otp-code{font-size:28px!important;font-weight:800!important;letter-spacing:.28em!important;text-align:center!important;font-variant-numeric:tabular-nums}
@media(max-width:760px){.mbl-otp-code{font-size:24px!important;letter-spacing:.2em!important}}


/* 0.5.6 — крупные секции кабинета: обучение и библиотека на всю ширину.
   Управление подпиской объединено с карточкой библиотеки. */
.mbl-dashboard-learning,
.mbl-dashboard-library{
    grid-column:1/-1!important;
}
.mbl-library-subscription-section{
    margin-top:26px;
    padding-top:24px;
    border-top:1px solid #e6e1da;
}
.mbl-library-subscription-section h3{
    margin:0 0 14px;
    color:#173f35;
    font-size:20px;
    line-height:1.3;
}
.mbl-library-subscription-section .mbl-subscription-line{
    margin:16px 0 6px;
    color:#344b44;
}
@media(max-width:760px){
    .mbl-dashboard-learning,
    .mbl-dashboard-library{grid-column:auto!important;}
}


/* 0.5.7 — внутри широкой карточки библиотеки доступ слева, подписка справа. */
.mbl-library-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);
    gap:40px;
    align-items:start;
}
.mbl-library-main-section{
    min-width:0;
}
.mbl-library-subscription-section{
    min-width:0;
    margin-top:0;
    padding-top:0;
    padding-left:40px;
    border-top:0;
    border-left:1px solid #e6e1da;
}
@media(max-width:900px){
    .mbl-library-layout{grid-template-columns:1fr;gap:28px;}
    .mbl-library-subscription-section{
        padding-left:0;
        padding-top:24px;
        border-left:0;
        border-top:1px solid #e6e1da;
    }
}

/* 0.5.8: email профиля привязан к аккаунту и не редактируется учеником */
.mbl-profile-email input[readonly]{background:#f4f4f2!important;color:#5f625f!important;cursor:not-allowed!important;}

/* 0.6.68 — значок быстрого входа в библиотеку на телефоне */
.mbl-install-area{margin-top:14px;max-width:430px}
.mbl-library-install-button{display:block;width:100%;padding:11px 14px;border:1px solid #17483a;border-radius:11px;background:#fff;color:#17483a;font:inherit;font-size:14px;font-weight:700;text-align:center;cursor:pointer;line-height:1.5}
.mbl-library-install-button:hover,.mbl-library-install-button:focus-visible{background:#edf5f1;color:#17483a}
.mbl-library-install-button:disabled{opacity:.7;cursor:default}
.mbl-install-hint{font-size:13px;color:#64756d;margin:8px 0 0;line-height:1.5}
.mbl-library-install-help{font-size:14px;margin-top:10px;border-radius:10px;background:#edf5f1;color:#17483a;padding:12px;line-height:1.65}
.mbl-library-install-help[hidden]{display:none!important}

/* 0.6.69 — readable installed state across theme button styles */
.mbl-install-area .mbl-library-install-button,
.mbl-install-area .mbl-library-install-button:hover,
.mbl-install-area .mbl-library-install-button:focus,
.mbl-install-area .mbl-library-install-button:disabled{
  color:#17483a !important;
  -webkit-text-fill-color:#17483a !important;
  background:#f0f7f3 !important;
  border-color:#7c9d8e !important;
  opacity:1 !important;
  text-shadow:none !important;
}
.mbl-install-area .mbl-library-install-button:disabled{cursor:default;}

/* 0.6.84 — управление картой независимо от состояния подписки */
.mbl-card-management{margin-top:24px;padding-top:18px;border-top:1px solid #e8e3dc}
.mbl-card-management h4{margin:0 0 12px;font-size:17px;font-weight:750;color:#173f35}
.mbl-card-management>.mbl-account-muted{font-size:14px;margin:10px 0 12px}
.mbl-card-management-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0}
.mbl-card-management-actions .mbl-account-button{margin:0!important;min-height:46px;padding:10px 15px;font-size:14px}
.mbl-card-unlink-form{margin:0}
.mbl-card-management-actions .mbl-card-unlink-button{min-height:46px;font-size:14px}
.mbl-card-management-note{font-size:13px;line-height:1.6;color:#69756e;margin:12px 0 0}
@media(max-width:600px){.mbl-card-management-actions{align-items:stretch;flex-direction:column}.mbl-card-management-actions .mbl-account-button,.mbl-card-unlink-form,.mbl-card-unlink-button{width:100%;box-sizing:border-box}}

/* 0.6.96 — сообщение о восстановлении подписок в личном кабинете */
.mbl-migration-notice{margin:16px 0;padding:14px 16px;border:1px solid #c4ddcc;border-left:4px solid #397452;border-radius:9px;background:#f4faf5;color:#203d2c;line-height:1.55}
.mbl-migration-notice strong{font-weight:700}.mbl-migration-notice p{margin:8px 0 0}.mbl-migration-notice .mbl-migration-dates{font-size:.93em}
.mbl-migration-history{margin:12px 0 18px;font-size:.94em}.mbl-migration-history summary{cursor:pointer;font-weight:600}.mbl-migration-history ul{margin:8px 0 0 18px;padding:0}