@layer components{.course-section{background:#fff;padding:0 0 100px}.course-tabs{flex-wrap:wrap;justify-content:left;align-items:center;gap:10px;margin-bottom:100px;display:flex;position:relative;top:60px}.course-tab{color:#3f3f46;cursor:pointer;background:#fff;border:1px solid #e7e7ef;border-radius:999px;align-items:center;gap:8px;min-height:35px;padding:0 18px;font-size:14px;font-weight:600;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.course-tab:hover{color:#780ae9;border-color:#d7c6ff}.course-tab.active{color:#fff;background:#780ae9;border-color:#780ae9}.course-tab-icon{color:#780ae9;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.course-tab.active .course-tab-icon{color:#fff!important}.course-tab-icon svg{width:16px;height:16px}.course-tab-letter{font-size:18px;font-weight:700;line-height:1}.course-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:42px;display:flex}.course-showing{color:#3f3f46;margin:0;font-size:16px;font-weight:600}.course-sort-button{color:#3f3f46;cursor:pointer;background:#fff;border:1px solid #ececf2;border-radius:999px;align-items:center;gap:6px;min-height:35px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:52px;display:grid}.course-card{cursor:default;background:#fff;border:1px solid #ececf2;border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:hidden}.course-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #01010214}.course-card-visual{background:#f0e8ff;justify-content:center;align-items:center;height:200px;display:flex}.course-card-icon{justify-content:center;align-items:center;display:flex}.course-card-body{flex-direction:column;gap:10px;padding:18px 20px 20px;display:flex}.course-card-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.course-badge{color:#780ae9;background:#f3ebff;border-radius:999px;align-items:center;gap:6px;min-height:28px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.course-level{color:#5f6470;white-space:nowrap;background:#f9fafb;border:1px solid #ececf2;border-radius:999px;align-items:center;min-height:22px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.course-card-title{color:#171923;margin:0;font-size:18px;font-weight:800;line-height:1.5}.course-card-subtitle{color:#780ae9;margin:0;font-size:15px;font-weight:700}.course-card-desc{color:#6b7280;min-height:48px;margin:0;font-size:13px;line-height:1.6}.course-card-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:2px;display:flex}.course-price{color:#171923;font-size:14px;font-weight:800}.course-card-link{color:#780ae9;align-items:center;gap:6px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.course-pagination{justify-content:center;align-items:center;gap:8px;display:flex}html[dir=rtl] .course-pagination{flex-direction:row-reverse}html[dir=rtl] .course-pagination .rtl-arrow{transform:rotate(0)}.course-page-btn{color:#171923;cursor:pointer;background:#fff;border:1px solid #e7e7ef;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:inline-flex}.course-page-btn.active{color:#fff;background:#780ae9;border-color:#780ae9}.course-page-dots{color:#6b7280}.rtl-arrow{transform:rotate(180deg)}@media (width<=1024px){.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.course-section{padding-bottom:80px}.course-toolbar{flex-direction:column;align-items:flex-start}}@media (width<=600px){.course-grid{grid-template-columns:1fr}}}