.learning-overview{display:grid;gap:18px;margin:28px 0}.learning-overview-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 24px;padding:26px 28px;background:linear-gradient(135deg,rgba(112,157,255,.11),rgba(158,124,255,.06) 45%,var(--surface));border-color:rgba(112,157,255,.28)}.learning-overview-copy h2{margin:5px 0 9px;font-size:clamp(25px,3.2vw,38px);line-height:1.05}.learning-overview-copy>p:last-child{max-width:760px;color:var(--muted);line-height:1.55}.learning-progress-value{align-self:center;display:flex;align-items:flex-end;gap:3px;color:#8eb1ff}.learning-progress-value strong{font-size:46px;line-height:.9;letter-spacing:-.05em}.learning-progress-value span{font-size:18px;font-weight:800}.learning-progress-track{grid-column:1/-1;height:12px;overflow:hidden;border-radius:999px;background:var(--surface-2);border:1px solid var(--border)}.learning-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#709dff,#9e7cff,#55d3bb);box-shadow:0 0 18px rgba(112,157,255,.28);transition:width .45s ease}.learning-progress-meta{grid-column:1/-1;display:flex;justify-content:space-between;gap:18px;color:var(--muted);font-size:12px}.learning-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.learning-stat{display:flex;align-items:flex-start;gap:13px;min-width:0;padding:18px;border:1px solid var(--border);border-radius:17px;background:var(--surface);box-shadow:var(--shadow-1)}.learning-stat-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:rgba(112,157,255,.12);color:#8eb1ff;font-size:18px;font-weight:900}.learning-stat>div{display:grid;min-width:0}.learning-stat strong{font-size:24px;line-height:1.05;letter-spacing:-.03em}.learning-stat span:not(.learning-stat-icon){margin-top:5px;font-size:12px;font-weight:800}.learning-stat small{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.35}.learning-badges{padding:24px}.learning-badges-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}.learning-badges-head h2{margin:4px 0 7px;font-size:25px}.learning-badges-head p:last-child{max-width:680px;color:var(--muted);font-size:13px;line-height:1.5}.next-badge-progress{display:grid;place-items:end;min-width:110px}.next-badge-progress strong{font-size:28px;color:#8eb1ff;line-height:1}.next-badge-progress span{margin-top:5px;color:var(--muted);font-size:11px;text-align:right}.next-badge-progress.is-complete strong{color:#55d3bb}.learning-badge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.learning-badge{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:5px 10px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);min-width:0}.learning-badge-icon{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-size:16px;font-weight:900}.learning-badge>div{display:grid;min-width:0}.learning-badge strong{font-size:12px;line-height:1.2}.learning-badge span:not(.learning-badge-icon){margin-top:3px;color:var(--muted);font-size:10px;line-height:1.3}.learning-badge small{grid-column:2;color:var(--muted);font-size:10px;font-weight:800}.learning-badge.is-unlocked{border-color:rgba(85,211,187,.3);background:linear-gradient(135deg,rgba(85,211,187,.09),var(--surface-2))}.learning-badge.is-unlocked .learning-badge-icon{background:rgba(85,211,187,.14);color:#55d3bb;box-shadow:inset 0 0 0 1px rgba(85,211,187,.23)}.learning-badge.is-unlocked small{color:#55d3bb}.learning-badge.is-locked{opacity:.72}.learning-badge.is-locked .learning-badge-icon{background:rgba(142,177,255,.08);color:var(--muted);border:1px solid var(--border)}html:not(.dark) .learning-overview-main{background:linear-gradient(135deg,#eef4ff,#f8f3ff 45%,#fff)}html:not(.dark) .learning-stat,html:not(.dark) .learning-badge{background:#fff}@media(max-width:980px){.learning-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.learning-overview{margin:20px 0}.learning-overview-main{grid-template-columns:1fr;padding:20px;gap:14px}.learning-progress-value{justify-self:start}.learning-progress-value strong{font-size:39px}.learning-progress-track,.learning-progress-meta{grid-column:1}.learning-progress-meta{align-items:flex-start;flex-direction:column;gap:4px}.learning-stats-grid{grid-template-columns:1fr 1fr;gap:10px}.learning-stat{padding:14px;gap:9px}.learning-stat-icon{flex-basis:32px;height:32px;font-size:15px}.learning-stat strong{font-size:20px}.learning-badges{padding:18px}.learning-badges-head{display:grid;gap:12px}.next-badge-progress{place-items:start}.next-badge-progress span{text-align:left}.learning-badge-grid{grid-template-columns:1fr}.learning-badge{padding:13px}}@media(max-width:390px){.learning-stats-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.learning-progress-track i{transition:none}}