.card-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));animation:.5s ease-out .2s both fadeInUp;display:grid}.course-card{gap:var(--space-md);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:var(--space-xl);color:inherit;box-shadow:var(--shadow-card);transition:box-shadow var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);border:none;flex-direction:column;text-decoration:none;display:flex}.course-card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-4px)}.course-card:active{transition:transform .1s;transform:translateY(-2px)scale(.99)}.course-card-icon{border-radius:var(--radius-md);background:#6c3ce11a;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.course-card-icon img{object-fit:contain;width:32px;height:32px}.course-card-body{flex:1}.course-card-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-dark);margin-bottom:var(--space-xs);font-weight:700;line-height:1.3}.course-card-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.course-card-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);padding-top:var(--space-sm);border-top:1px solid #0000000f}@media (max-width:768px){.card-grid{gap:var(--space-md);grid-template-columns:1fr}}