Create Gradient Backgrounds for Cards

Use radial gradients for card backgrounds to create a subtle "light from above" effect — more realistic than flat colour.

Very subtle gradients (e.g. white to light grey, 10% difference in lightness) add depth without overwhelming the card content.

Conic gradients work beautifully for avatar backgrounds and icon containers — they give a distinctive, modern look to profile pictures.

Copy the CSS and add it as a Tailwind CSS arbitrary value: className="[background:linear-gradient(...)]" for utility-first frameworks.