.course-card{background:#fff;border:1px solid #ececf7;border-radius:20px;flex-direction:column;height:100%;padding:20px;transition:border-color .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 26px -16px #0f0f1e26}.course-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, #ececf7);box-shadow:0 22px 42px -18px color-mix(in srgb, var(--accent) 35%, transparent)}.course-card-glow{background:color-mix(in srgb, var(--accent) 30%, transparent);filter:blur(50px);pointer-events:none;opacity:0;border-radius:50%;width:180px;height:180px;transition:opacity .4s;position:absolute;top:-50%;right:-30%}.course-card:hover .course-card-glow{opacity:1}.course-card-logo{width:40px;transition:transform .35s}.course-card:hover .course-card-logo{transform:rotate(-6deg)scale(1.1)}.course-card-badge{color:#10b981;background:#10b9811a;border:1px solid #10b98140;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.course-card-badge-dot{background:#10b981;border-radius:50%;width:5px;height:5px;animation:1.6s ease-in-out infinite pulseDotBeat}.course-card-title{z-index:10;color:#fff;text-align:center;background:linear-gradient(90deg, var(--secondary), color-mix(in srgb, var(--accent) 40%, var(--secondary)));border-radius:999px;margin:18px 0;padding:10px 12px;font-size:14px;font-weight:700;position:relative}.course-card-stats{color:var(--secondary);z-index:10;justify-content:space-between;font-size:10.5px;font-weight:600;display:flex;position:relative}.course-card-stat i{color:var(--accent);margin-right:4px}.course-card-progress{z-index:10;background:#f1f0fa;border-radius:999px;width:100%;height:5px;margin-top:12px;position:relative;overflow:hidden}.course-card-progress-fill{background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 60%, white));border-radius:999px;height:100%;transition:width 1s cubic-bezier(.16,1,.3,1)}.course-card-actions{z-index:10;justify-content:space-between;align-items:center;margin-top:20px;display:flex;position:relative}.course-card-enroll{background:var(--accent);color:#fff;border-radius:999px;padding:7px 16px;font-size:12px;font-weight:700;transition:transform .3s,box-shadow .3s}.course-card-enroll:hover{box-shadow:0 10px 20px -8px color-mix(in srgb, var(--accent) 60%, transparent);transform:translateY(-2px)}.course-card-details{color:var(--secondary);align-items:center;gap:5px;font-size:12px;font-weight:600;transition:gap .3s,color .3s;display:inline-flex}.course-card-details:hover{color:var(--accent);gap:8px}@keyframes pulseDotBeat{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}