.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.card{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-image{overflow:hidden}.card-body{padding:var(--spacing-md)}.card-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.card-text{color:var(--text-secondary);margin-bottom:var(--spacing-md)}