:root{--clr-bg-card:#ffffff;--clr-border-card:#dfddf5;--clr-shadow:rgba(0,0,0,.06);--clr-text-head:#321863;--clr-text-body:#371f6c;--clr-text-lite:#786bb3;--clr-accent:#ff6700;--clr-accent-dark:#ff5f1f;--clr-progress:#321863;--clr-bg-highlight:#ffdfd2}.user-courses .courses-grid{display:grid;gap:32px;width:100%;margin:0 auto 5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:center;direction:ltr}.user-courses .course-card{background:var(--clr-bg-card);border:1px solid var(--clr-border-card);border-radius:8px;overflow:hidden;box-shadow:0 4px 8px var(--clr-shadow);transition:transform .3s;display:flex;flex-direction:column}.user-courses .course-card:hover{transform:translateY(-6px)}.user-courses .course-card a{display:block;text-decoration:none;color:inherit;height:100%}.user-courses .course-card img{width:100%;display:block}.user-courses .course-title{font-size:1.25rem;margin:1rem auto;font-weight:600;color:var(--clr-text-body);text-align:center}.user-courses .course-progress-container{margin:0 1rem 1.25rem}.user-courses .progress-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.9rem;font-weight:600;margin-bottom:6px}.user-courses .progress-label{color:var(--clr-text-lite)}.user-courses .progress-text{font-weight:700;white-space:nowrap;color:var(--clr-text-body)}.user-courses .course-progress{width:100%;height:14px;margin-top:6px;background:#e0e0e0;border-radius:7px;overflow:hidden}.user-courses .progress-bar{height:100%;background:var(--clr-progress)}.user-courses .courses-heading{text-align:center;margin:0 0 2rem;font-size:1.9rem;font-weight:700;color:var(--clr-text-head)}.user-courses .view-all-courses{text-align:center;margin-top:0}.user-courses .view-all-courses .button{display:inline-block;padding:.75rem 1.75rem;font-size:1rem;border:1px solid var(--clr-accent)!important;border-radius:6px;background:transparent!important;color:var(--clr-accent)!important;transition:.3s}.user-courses .view-all-courses .button:hover{background:var(--clr-accent-dark)!important;color:#fff!important}.user-courses .no-courses-message{text-align:center;padding:2rem;font-size:1.2rem;color:var(--clr-text-head);background:var(--clr-bg-highlight);border-radius:8px;margin:2rem auto;max-width:800px}@media (max-width:575px){.user-courses .courses-heading{font-size:1.6rem}.user-courses .course-title{font-size:1.1rem}.user-courses .progress-label,.user-courses .progress-text{font-size:.8rem}.user-courses .view-all-courses .button{width:100%}.user-courses .course-card{margin-bottom:32px;padding-bottom:12px}}