.card{background-color:var(--color-surface-card);border:var(--border-width-default) solid var(--color-border-default);padding:var(--spacing-8);transition:all var(--transition-normal);position:relative;overflow:hidden}.card-default{box-shadow:var(--shadow-default)}.card-flat{box-shadow:none;background-color:var(--color-surface-card)}.card-bordered{box-shadow:none;border:var(--border-width-default) solid var(--color-border-default)}.card-elevated{box-shadow:var(--shadow-default)}.card-dark{background-color:var(--color-neutral-900);color:var(--text-white);border-color:var(--color-neutral-900)}.card-hover:hover{border-color:var(--color-primary-500);box-shadow:var(--shadow-offset-hover);transform:translateY(-2px)}.card-clickable{cursor:pointer}