.account-page .learning-card.is-locked {
  border-color: #9b96a342;
  background: linear-gradient(135deg,#ffffff0c,#16171e72),rgba(29,29,38,.78);
}
.account-page .learning-card.is-locked .learning-course-details { color:#b8b5bf; }
.account-page .learning-card.is-locked .learning-course-details :is(h2,p,strong,small,.course-heading>span) { color:inherit; }
.account-page .learning-card.is-locked .track-badge,
.account-page .client-direction-progress.is-locked .track-badge {
  color:#b5b1be;border-color:#aaa4b43d;background:#aaa4b40c;box-shadow:none;
}
.account-page .learning-card.is-locked .mentor-initial { color:#a6a1af;border-color:#aaa4b43d;background:#aaa4b408; }
.account-page .learning-lock-state {
  display:inline-flex;align-items:center;gap:7px;align-self:flex-start;
  color:#bab6c3;font-size:12px;line-height:18px;padding:6px 9px;
  border:1px solid #aaa4b433;border-radius:8px;background:#aaa4b408;
}
.account-page .learning-lock-state svg { width:17px;height:17px;flex:0 0 17px; }
.account-page .learning-card.is-locked .learning-next h3 { color:#d3d0d9; }
.account-page .learning-card.is-locked .learning-next>p { color:#b5b0bf; }
.account-page .learning-card.is-locked .course-select-button {
  background:#80ff00;color:#102000;border-color:#a6ff50;
  box-shadow:0 0 18px #80ff001a;
}
.account-page .learning-card.is-locked .course-select-button:hover { background:#9cff39;box-shadow:0 0 22px #80ff0033; }
.account-page .client-profile-learning>h2 { margin:0 0 22px; }
.account-page .client-direction-list { display:grid;gap:16px; }
.account-page .client-direction-progress {
  padding:22px;border:1px solid #c6b3d53d;border-radius:16px;background:#ffffff05;
}
.account-page .client-direction-progress.is-locked { background:#93909a08;border-color:#aaa4b433;color:#b5b0bf; }
.account-page .client-direction-heading { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px; }
.account-page .client-direction-heading .course-heading { gap:12px; }
.account-page .client-direction-heading .track-badge { width:44px;height:44px;min-width:44px;font-size:21px;border-radius:12px; }
.account-page .client-direction-heading h3 { margin:0;font-size:19px;line-height:1.35; }
.account-page .client-direction-progress.is-locked h3 { color:#bdb8c5; }
.account-page .client-progress-placeholder { display:flex;align-items:center;gap:18px;margin-top:22px; }
.account-page :is(.client-progress-lock-icon,.client-progress-open-icon) {
  display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;border-radius:50%;
  border:5px solid #a6a0b02b;background:#a6a0b009;color:#aaa4b4;
}
.account-page .client-progress-lock-icon svg { width:27px;height:27px; }
.account-page .client-progress-open-icon { border:0;color:#d530ed; }
.account-page .client-progress-open-icon svg { width:64px;height:64px; }
.account-page .client-progress-placeholder strong { display:block;font-size:16px;font-weight:600; }
.account-page .client-progress-placeholder p { margin:6px 0 0;font-size:14px;line-height:1.5;color:#aca6b7; }
.account-page .client-direction-progress.is-open .client-product-progress { margin-top:16px; }
.account-page .client-direction-progress .client-progress-heading h3 { font-size:18px; }
.account-page .client-direction-progress .client-progress-summary { flex-wrap:wrap; }
.account-page .client-direction-progress .client-progress-summary>strong { font-size:32px; }
.account-page .client-direction-progress .client-progress-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:560px) {
  .account-page .client-direction-progress { padding:18px; }
  .account-page .client-direction-heading h3 { font-size:17px; }
  .account-page .client-progress-placeholder { gap:12px;align-items:flex-start; }
  .account-page :is(.client-progress-lock-icon,.client-progress-open-icon) { width:54px;height:54px;flex-basis:54px; }
  .account-page .client-progress-open-icon svg { width:54px;height:54px; }
}