.card{display:flex;flex-direction:column;background:#fff;border-radius:var(--border-radius-2xl);overflow:hidden;box-shadow:0 4px 18px #0000000f;transition:all var(--transition-base);border:1px solid var(--border-color-light)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card[data-variant=elevated]{box-shadow:var(--shadow-md)}.card[data-variant=elevated]:hover{box-shadow:var(--shadow-xl)}.card[data-variant=bordered]{border:1px solid var(--border-color);box-shadow:none}.card__header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color-light)}.card__title{margin:0;font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.card__body{padding:var(--spacing-lg);flex:1;color:var(--text-secondary)}.card__footer{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-secondary);border-top:1px solid var(--border-color-light);display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.card__footer:empty{display:none}