body{background:#f8fafc}
.card-soft{border:0; box-shadow:0 10px 25px rgba(0,0,0,.05); border-radius:1rem}
.hero{background:linear-gradient(135deg,var(--brand),#5b9cff); border-radius:1rem; color:#fff; padding:2rem}
.course-card .progress{height:.5rem; border-radius:1rem}
.badge-soft{background:rgba(0,0,0,.08);}