.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.card--hoverable{cursor:pointer}.card--hoverable:hover{background:var(--card-hover-color,var(--bg-tertiary));border-color:var(--card-hover-border,var(--border-hover));box-shadow:var(--shadow-md);transform:translateY(-2px)}.card--hoverable:active{transform:translateY(0)}