.course-card{cursor:pointer;border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--slate-200);flex-direction:column;height:100%;transition:all .22s;display:flex;position:relative}.course-card:hover{border-color:#0000;transform:translateY(-5px);box-shadow:0 16px 40px #0f346024}.cc-thumb{flex-shrink:0}.cc-thumb-bg{--cat-color:var(--blue-600);background:linear-gradient(135deg, color-mix(in srgb, var(--cat-color) 75%, #0a0f1c) 0%, var(--cat-color) 100%);border-radius:var(--radius-lg) var(--radius-lg) 0 0;justify-content:center;align-items:center;height:160px;display:flex;position:relative;overflow:hidden}.cc-thumb-icon{z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-full);background:#ffffff26;border:1px solid #fff3;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s;display:flex;position:relative}.cc-thumb-cat-icon{color:#ffffff24;pointer-events:none;position:absolute;bottom:-18px;right:-12px}.course-card:hover .cc-thumb-icon{transform:scale(1.1)}.cc-pill{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.25rem;padding:.25rem .65rem;font-size:.7rem;font-weight:800;display:inline-flex;position:absolute;top:.75rem;left:.75rem}.cc-pill-free{color:#fff;background:#22c55e}.cc-pill-premium{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073}.cc-type-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;letter-spacing:.04em;background:#ffffff2e;border:1px solid #ffffff40;border-radius:7px;align-items:center;padding:4px 9px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:.75rem;right:.75rem}.cc-body{flex-direction:column;flex:1;padding:1.25rem 1.25rem 1rem;display:flex}.cc-meta{margin-bottom:.5rem}.cc-category{text-transform:uppercase;letter-spacing:.06em;color:var(--blue-500);font-size:.72rem;font-weight:700}.cc-title{color:var(--slate-900);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:.975rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.cc-desc{color:var(--slate-500);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:1rem;font-size:.825rem;line-height:1.5;display:-webkit-box;overflow:hidden}.cc-info-list{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.cc-info-row{color:var(--slate-400);align-items:center;gap:.4rem;font-size:.78rem;display:flex}.cc-info-row-accent{color:var(--blue-600);font-weight:600}.cc-progress{margin-bottom:1rem}.cc-footer{border-top:1px solid var(--slate-100);justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding-top:.75rem;display:flex}.cc-info{color:var(--slate-400);gap:.75rem;min-width:0;font-size:.78rem;display:flex}.cc-purchase-hint{flex-direction:column;gap:.1rem;line-height:1.3;display:flex}.cc-purchase-hint-free{color:var(--green-600,#16a34a);font-size:.8rem;font-weight:600}.cc-purchase-main{color:var(--blue-600);font-size:.8rem;font-weight:700}.cc-purchase-sub{color:var(--slate-400);font-size:.72rem}.cc-btn{flex-shrink:0}.course-card.cc-dark{background:#ffffff08;border:1px solid #ffffff14}.course-card.cc-dark:hover{background:#ffffff0f;border-color:#38bdf859;box-shadow:0 16px 40px #0006}.cc-dark .cc-title{color:#fff}.cc-dark .cc-desc{color:#fff9}.cc-dark .cc-info-row{color:#ffffff80}.cc-dark .cc-info-row-accent{color:var(--blue-400)}.cc-dark .cc-footer{border-top-color:#ffffff1a}.cc-dark .cc-purchase-main{color:var(--blue-400)}.cc-dark .cc-purchase-sub{color:#ffffff73}.cc-dark .cc-info{color:#ffffff80}