.card{display:flex;flex-direction:column;background:var(--color-bg-primary);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-card);transition:all var(--transition-base);color:inherit;position:relative}.card,.card:hover{text-decoration:none}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.card:after{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);border:1px solid var(--color-border-light);pointer-events:none;transition:border-color var(--transition-fast)}.card:hover:after{border-color:var(--primary-200)}.card__image-wrapper{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background:linear-gradient(135deg,var(--gray-100),var(--gray-200))}.card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.card:hover .card__image{transform:scale(1.05)}.card--featured .card__image-wrapper:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.6) 0,transparent 50%)}.card--featured .card__featured-badge{position:absolute;top:var(--space-3);left:var(--space-3);padding:var(--space-1) var(--space-3);background:linear-gradient(135deg,var(--accent-500),var(--accent-600));color:#fff;font-size:var(--text-xs);font-weight:var(--font-bold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px rgba(245,158,11,.3)}.card__content{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex:1 1}.card__badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background:var(--primary-50);color:var(--primary-700);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);width:-moz-fit-content;width:fit-content;transition:background var(--transition-fast)}.card:hover .card__badge{background:var(--primary-100)}.card__badge--accent{background:var(--accent-100);color:var(--accent-600)}.card__badge--success{background:rgba(16,185,129,.1);color:var(--success)}.card__title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--gray-900);line-height:var(--leading-snug);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--transition-fast)}.card:hover .card__title{color:var(--primary-600)}.card__description{font-size:var(--text-sm);color:var(--gray-500);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;line-height:var(--leading-relaxed)}.card__meta{gap:var(--space-4);margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--color-border-light);font-size:var(--text-xs);color:var(--gray-400)}.card__meta,.card__meta-item{display:flex;align-items:center}.card__meta-item{gap:var(--space-1)}.card__meta-icon{width:14px;height:14px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-6);gap:var(--space-6)}@media (min-width:640px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.card-grid{grid-template-columns:repeat(4,1fr)}}.card--compact .card__content{padding:var(--space-3)}.card--compact .card__title{font-size:var(--text-base)}.card--horizontal{flex-direction:row}.card--horizontal .card__image-wrapper{flex:0 0 120px;padding-top:0;height:100px}.card--horizontal .card__content{padding:var(--space-3)}.card--horizontal .card__title{font-size:var(--text-base);-webkit-line-clamp:1}.card--horizontal .card__description{-webkit-line-clamp:1}