.page-module__HoBina__container{max-width:900px;margin:0 auto}.page-module__HoBina__title{margin-bottom:2rem}.page-module__HoBina__overviewCards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.page-module__HoBina__statCard{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;flex-direction:column;gap:.5rem;padding:2rem;display:flex}.page-module__HoBina__statNumber{font-size:3rem;font-family:var(--font-heading);color:var(--color-primary);line-height:1}.page-module__HoBina__statLabel{color:var(--color-text-light);font-weight:500}.page-module__HoBina__courseProgress{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:3rem}.page-module__HoBina__courseProgress h2{margin-bottom:1.5rem;font-size:1.75rem}.page-module__HoBina__progressContainer{margin-bottom:2.5rem}.page-module__HoBina__progressHeader{justify-content:space-between;margin-bottom:.5rem;font-weight:500;display:flex}.page-module__HoBina__percentage{color:var(--color-secondary);font-weight:600}.page-module__HoBina__progressBar{background-color:var(--color-border);border-radius:6px;height:12px;overflow:hidden}.page-module__HoBina__progressFill{background-color:var(--color-secondary);border-radius:6px;height:100%}.page-module__HoBina__moduleBreakdown h3{margin-bottom:1rem;font-size:1.25rem}.page-module__HoBina__moduleList{flex-direction:column;gap:1rem;padding:0;list-style:none;display:flex}.page-module__HoBina__moduleCompleted,.page-module__HoBina__moduleInProgress,.page-module__HoBina__moduleLocked{border-radius:var(--radius-sm);background-color:var(--color-background);border:1px solid var(--color-border);align-items:center;gap:1rem;padding:1rem;display:flex}.page-module__HoBina__moduleCompleted{color:var(--color-secondary)}.page-module__HoBina__moduleLocked{color:var(--color-text-light);opacity:.7}.page-module__HoBina__icon{background-color:var(--color-secondary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;display:flex}.page-module__HoBina__iconCircle{border:2px solid var(--color-primary);border-radius:50%;width:24px;height:24px}.page-module__HoBina__iconLocked{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.page-module__HoBina__actions{justify-content:flex-end;margin-top:2rem;display:flex}