.card { background: var(--color-white); border-radius: var(--radius-xl); padding: var(--space-8); box-shadow: var(--shadow-sm); border: 1px solid var(--color-gray-200); transition: all var(--transition-base); }
.card:hover { box-shadow: var(--shadow-lg); transform: translateY(-4px); }
.card-icon { width: 48px; height: 48px; border-radius: var(--radius-lg); background: var(--color-gray-100); display: flex; align-items: center; justify-content: center; margin-bottom: var(--space-4); }
.card-icon svg { width: 24px; height: 24px; fill: var(--color-primary-light); }
.card h3 { margin-bottom: var(--space-2); font-size: var(--fs-lg); }
.card p { font-size: var(--fs-sm); }