.main-content[data-v-544eb2a3]{background-color:#f8f9fa}.page-header[data-v-544eb2a3]{background:#153f83;color:#fff}.page-title[data-v-544eb2a3]{font-family:Playfair Display,serif;font-size:2rem;font-weight:600;color:#fff;margin-bottom:.5rem}@media(min-width:768px){.page-title[data-v-544eb2a3]{font-size:2.5rem}}.page-subtitle[data-v-544eb2a3]{font-family:Poppins,sans-serif;font-size:1rem;color:#d4af37;margin:0}.courses-grid[data-v-544eb2a3]{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:576px){.courses-grid[data-v-544eb2a3]{grid-template-columns:repeat(2,1fr)}}@media(min-width:992px){.courses-grid[data-v-544eb2a3]{grid-template-columns:repeat(2,1fr);gap:2rem}}@media(min-width:1400px){.courses-grid[data-v-544eb2a3]{grid-template-columns:repeat(3,1fr)}}.course-card[data-v-544eb2a3]{background:#fff;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.course-card:hover .course-thumbnail img[data-v-544eb2a3]{transform:scale(1.05)}.course-card:hover .btn-continue[data-v-544eb2a3]{background-color:#d4af37;color:#fff}.course-card:hover .btn-continue i[data-v-544eb2a3]{transform:translate(4px)}.card-link[data-v-544eb2a3]{text-decoration:none;color:inherit;display:block}.course-thumbnail[data-v-544eb2a3]{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background-color:#f8f9fa}.course-thumbnail img[data-v-544eb2a3]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.course-thumbnail .progress-overlay[data-v-544eb2a3]{position:absolute;top:1rem;right:1rem;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:end;gap:.5rem}.course-thumbnail .progress-circle[data-v-544eb2a3]{position:relative;width:60px;height:60px}.course-thumbnail .progress-circle svg[data-v-544eb2a3]{transform:rotate(-90deg);width:100%;height:100%}.course-thumbnail .progress-circle .progress-text[data-v-544eb2a3]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Poppins,sans-serif;font-size:.875rem;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.course-info[data-v-544eb2a3]{padding:1.25rem}@media(min-width:768px){.course-info[data-v-544eb2a3]{padding:1.5rem}}.course-title[data-v-544eb2a3]{font-family:Playfair Display,serif;font-size:1.125rem;font-weight:600;color:#153f83;margin-bottom:.75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(min-width:768px){.course-title[data-v-544eb2a3]{font-size:1.25rem}}.course-meta[data-v-544eb2a3]{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;font-family:Poppins,sans-serif;font-size:.875rem;color:#6c757d}@media(min-width:768px){.course-meta[data-v-544eb2a3]{font-size:.9375rem}}.meta-item[data-v-544eb2a3]{display:flex;align-items:center;gap:.5rem}.meta-item i[data-v-544eb2a3]{color:#d4af37;font-size:1rem}.progress-bar-container[data-v-544eb2a3]{margin-bottom:1rem}.progress-bar[data-v-544eb2a3]{width:100%;height:6px;background-color:#153f831a;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.progress-fill[data-v-544eb2a3]{height:100%;background:linear-gradient(90deg,#153f83,#d4af37);border-radius:3px;transition:width .3s ease}.progress-label[data-v-544eb2a3]{font-family:Poppins,sans-serif;font-size:.8125rem;font-weight:500;color:#6c757d}.course-action[data-v-544eb2a3]{margin-top:1rem}.btn-continue[data-v-544eb2a3]{font-family:Poppins,sans-serif;font-size:.9375rem;font-weight:500;color:#153f83;background-color:#153f830d;padding:.75rem 1.25rem;border-radius:6px;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease}.btn-continue i[data-v-544eb2a3]{transition:transform .3s ease}.empty-state[data-v-544eb2a3]{text-align:center;padding:4rem 2rem;color:#6c757d}.empty-state i[data-v-544eb2a3]{font-size:4rem;color:#153f8333;margin-bottom:1.5rem}.empty-state h3[data-v-544eb2a3]{font-family:Playfair Display,serif;font-size:1.75rem;color:#153f83;margin-bottom:.75rem}.empty-state p[data-v-544eb2a3]{font-family:Poppins,sans-serif;font-size:1rem;margin-bottom:2rem}.empty-state .btn-browse[data-v-544eb2a3]{font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;color:#fff;background-color:#153f83;padding:.875rem 2rem;border-radius:6px;text-decoration:none;display:inline-block;transition:all .3s ease}.empty-state .btn-browse[data-v-544eb2a3]:hover{background-color:#0f2e60;transform:translateY(-2px);box-shadow:0 4px 12px #153f834d}
