.academy-showcase{container-type:inline-size;display:grid;gap:clamp(.75rem,2vw,1rem)}.academy-showcase-header{display:grid;gap:.75rem 1rem;padding:.65rem .75rem;border-radius:.65rem;border:1px solid color-mix(in srgb,var(--showcase-accent) 12%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--showcase-accent) 6%,var(--showcase-inset) 94%) 0,var(--showcase-surface) 100%)}@container (width >= 40rem){.academy-showcase-header{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end}}.academy-showcase-course{display:flex;gap:.65rem;align-items:flex-start;min-width:0}.academy-showcase-course-icon{flex-shrink:0;width:1.35rem;height:1.35rem;color:var(--showcase-accent-text)}.academy-showcase-course-text{display:grid;gap:.15rem;min-width:0}.academy-showcase-course-label{margin:0;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--showcase-text-muted)}.academy-showcase-course-title{margin:0;font-family:var(--font-poppins),system-ui,sans-serif;font-size:clamp(.9375rem,.9rem + .2vw,1.0625rem);font-weight:600;color:var(--showcase-text);line-height:1.25}.academy-showcase-progress-block{display:grid;gap:.3rem;min-width:0}.academy-showcase-progress-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.academy-showcase-progress-label{font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--showcase-text-muted)}.academy-showcase-progress-value{font-family:var(--font-poppins),system-ui,sans-serif;font-size:.875rem;font-weight:700;color:var(--showcase-accent-text)}.academy-showcase-progress-status{margin:0;font-size:.75rem;color:var(--showcase-text-muted)}.academy-showcase-progress-track{height:.4rem;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--showcase-text) 8%,transparent)}.academy-showcase-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--showcase-accent) 85%,var(--showcase-surface) 15%),var(--showcase-accent))}.academy-showcase-flow{display:flex;flex-wrap:wrap;gap:.35rem .5rem;margin:0;padding:0;list-style:none}.academy-showcase-flow-step{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .45rem;border-radius:999px;font-size:.6875rem;font-weight:600;color:var(--showcase-text-muted);border:1px solid var(--showcase-border);background:var(--showcase-surface)}.academy-showcase-flow-step[data-state=current]{color:var(--showcase-text);border-color:color-mix(in srgb,var(--showcase-accent) 35%,transparent);background:color-mix(in srgb,var(--showcase-accent) 12%,transparent)}.academy-showcase-flow-step[data-state=complete]{color:var(--showcase-accent-text)}.academy-showcase-flow-marker{display:grid;place-items:center;width:1rem;height:1rem;border-radius:999px;font-size:.6875rem;background:color-mix(in srgb,var(--showcase-text) 6%,transparent)}.academy-showcase-flow-step[data-state=complete] .academy-showcase-flow-marker,.academy-showcase-flow-step[data-state=current] .academy-showcase-flow-marker{background:color-mix(in srgb,var(--showcase-accent) 12%,var(--showcase-surface));color:var(--showcase-accent-text)}.academy-showcase-body{display:grid;gap:.75rem;min-height:0}@container (width >= 54rem){.academy-showcase-body{grid-template-columns:minmax(0,.26fr) minmax(0,1fr) minmax(0,.3fr);align-items:start}}@container (width >= 36rem) and (width < 54rem){.academy-showcase-body{grid-template-columns:minmax(0,.34fr) minmax(0,1fr)}.academy-showcase-aside{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:.65rem;align-items:stretch}}.academy-showcase-sidebar{padding:.55rem .6rem;border-radius:.6rem;border:1px solid var(--showcase-border);background:var(--showcase-surface)}.academy-showcase-sidebar-title{margin:0 0 .5rem;font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--showcase-text-muted)}.academy-showcase-lessons{margin:0;padding:0;list-style:none;display:grid;gap:.25rem}.academy-showcase-lesson{display:flex;align-items:center;gap:.45rem;padding:.4rem .45rem;border-radius:.45rem;font-size:.75rem;color:var(--showcase-text-muted);min-width:0}.academy-showcase-lesson[data-state=current]{color:var(--showcase-text);font-weight:600;background:color-mix(in srgb,var(--showcase-accent) 14%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--showcase-accent) 22%,transparent)}.academy-showcase-lesson[data-state=complete]{color:color-mix(in srgb,var(--showcase-text) 78%,var(--showcase-text-muted) 22%)}.academy-showcase-lesson-milestone[data-state=current]{background:color-mix(in srgb,var(--showcase-indigo) 12%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--showcase-indigo) 25%,transparent)}.academy-showcase-lesson-marker{display:grid;place-items:center;flex-shrink:0;width:1.125rem;height:1.125rem}.academy-showcase-lesson-check{width:1rem;height:1rem;color:var(--showcase-success-text)}.academy-showcase-lesson-current{width:.85rem;height:.85rem;fill:color-mix(in srgb,var(--showcase-accent) 35%,transparent);color:var(--showcase-accent-text)}.academy-showcase-lesson-upcoming{width:.75rem;height:.75rem;color:var(--showcase-text-muted)}.academy-showcase-lesson-award{width:.9rem;height:.9rem;color:var(--showcase-indigo-text)}.academy-showcase-lesson-label{min-width:0;line-height:1.3}.academy-showcase-main{display:grid;gap:.65rem;padding:.65rem .75rem;border-radius:.6rem;border:1px solid var(--showcase-border);background:var(--showcase-surface);min-width:0}.academy-showcase-lesson-head{display:grid;gap:.2rem}.academy-showcase-lesson-module{margin:0;font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--showcase-text-muted)}.academy-showcase-lesson-title{margin:0;font-family:var(--font-poppins),system-ui,sans-serif;font-size:clamp(.9375rem,.88rem + .25vw,1.125rem);font-weight:600;color:var(--showcase-text);line-height:1.25}.academy-showcase-lesson-body{display:grid;gap:.45rem;font-size:.8125rem;line-height:1.55;color:color-mix(in srgb,var(--showcase-text) 82%,var(--showcase-text-muted) 18%)}.academy-showcase-lesson-body p{margin:0}.academy-showcase-quiz{display:grid;gap:.5rem;padding:.65rem .7rem;border-radius:.55rem;border:1px solid color-mix(in srgb,var(--showcase-accent) 18%,transparent);background:color-mix(in srgb,var(--showcase-accent) 5%,var(--showcase-inset) 95%)}.academy-showcase-quiz-title{margin:0;font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--showcase-text-muted)}.academy-showcase-quiz-prompt{margin:0;font-size:.8125rem;font-weight:600;color:var(--showcase-text);line-height:1.4}.academy-showcase-quiz-options{margin:0;padding:0;list-style:none;display:grid;gap:.35rem}.academy-showcase-quiz-option{display:flex;align-items:center;gap:.5rem;padding:.45rem .55rem;border-radius:.45rem;font-size:.75rem;color:var(--showcase-text);border:1px solid var(--showcase-border);background:var(--showcase-surface)}.academy-showcase-quiz-option[data-selected=true]{border-color:color-mix(in srgb,var(--showcase-accent) 45%,transparent);background:color-mix(in srgb,var(--showcase-accent) 10%,transparent)}.academy-showcase-quiz-option[data-correct=true]{border-color:color-mix(in srgb,var(--showcase-success) 55%,transparent);background:color-mix(in srgb,var(--showcase-success) 12%,transparent)}.academy-showcase-quiz-option-marker{display:grid;place-items:center;flex-shrink:0;width:1.25rem;height:1.25rem;border-radius:999px;font-size:.6875rem;font-weight:700;color:var(--showcase-text-muted);border:1px solid var(--showcase-border-strong)}.academy-showcase-quiz-correct-badge{margin-left:auto;flex-shrink:0;padding:.15rem .4rem;border-radius:999px;font-size:.6875rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--showcase-success-strong);background:color-mix(in srgb,var(--showcase-success) 14%,var(--showcase-surface))}.academy-showcase-complete-banner{margin:0;padding:.45rem .55rem;border-radius:.45rem;font-size:.75rem;font-weight:600;color:var(--showcase-success-text);background:color-mix(in srgb,var(--showcase-success) 12%,transparent);border:1px solid color-mix(in srgb,var(--showcase-success) 35%,transparent)}.academy-showcase-aside{display:grid;gap:.55rem;min-width:0}.academy-showcase-aside-card{padding:.55rem .65rem;border-radius:.55rem;border:1px solid var(--showcase-border);background:var(--showcase-surface)}.academy-showcase-aside-label{margin:0;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--showcase-text-muted)}.academy-showcase-aside-percent{margin:.15rem 0 0;font-family:var(--font-poppins),system-ui,sans-serif;font-size:1.375rem;font-weight:700;color:var(--showcase-accent-text);line-height:1.1}.academy-showcase-aside-status{margin:.2rem 0 0;font-size:.75rem;color:var(--showcase-text-muted)}.academy-showcase-certificate{min-width:0}.academy-showcase-certificate-inner{position:relative;display:grid;gap:.35rem;padding:.85rem .75rem .7rem;border-radius:.65rem;text-align:center;border:1px solid color-mix(in srgb,var(--showcase-indigo) 35%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--showcase-indigo) 14%,var(--showcase-inset) 86%) 0,color-mix(in srgb,var(--showcase-inset) 92%,var(--showcase-surface) 8%) 55%,color-mix(in srgb,var(--showcase-accent) 8%,var(--showcase-inset) 92%) 100%);box-shadow:0 0 0 1px color-mix(in srgb,var(--showcase-text) 6%,transparent),0 14px 32px color-mix(in srgb,var(--showcase-accent) 10%,transparent)}.academy-showcase-certificate-seal{display:grid;place-items:center;width:2.25rem;height:2.25rem;margin:0 auto .15rem;border-radius:999px;color:var(--showcase-indigo-text);background:color-mix(in srgb,var(--showcase-indigo) 18%,transparent);border:1px solid color-mix(in srgb,var(--showcase-indigo) 35%,transparent)}.academy-showcase-certificate-seal svg{width:1.25rem;height:1.25rem}.academy-showcase-certificate-kicker{margin:0;font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--showcase-text-muted)}.academy-showcase-certificate-name{margin:0;font-family:var(--font-poppins),system-ui,sans-serif;font-size:clamp(1rem,.92rem + .35vw,1.2rem);font-weight:700;color:var(--showcase-text);line-height:1.2}.academy-showcase-certificate-course{margin:0;font-size:.8125rem;font-weight:600;color:var(--showcase-accent-text)}.academy-showcase-certificate-date{margin:0;font-size:.6875rem;color:var(--showcase-text-muted)}.academy-showcase-certificate-footer{display:flex;flex-direction:column;gap:.2rem;margin-top:.35rem;padding-top:.45rem;border-top:1px dashed var(--showcase-border-strong)}.academy-showcase-certificate-verified{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--showcase-success-text)}.academy-showcase-certificate-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.6875rem;color:var(--showcase-text-muted);word-break:break-all}@container (width < 36rem){.academy-showcase-body{display:flex;flex-direction:column}.academy-showcase-sidebar{order:2}.academy-showcase-main{order:3}.academy-showcase-aside{order:4}.academy-showcase-aside-card{display:none}}