Build a modern, clean authentication card component using React and Tailwind CSS. The design should follow a modular, atomic structure that is centered within a container.

**Layout and Structure:**
The component should be a vertical, narrow-width card (max-width: 384px) featuring a clear hierarchical flow:
1. **Header:** Include a bold title and a concise descriptive subtitle, positioned above a secondary text-based action link.
2. **Body:** A form section containing two primary input fields (Email and Password). The password field must include a utility link for password recovery aligned to the right.
3. **Footer:** A stack of two full-width call-to-action buttons, with the primary action button appearing first, followed by a secondary "Social Login" style button.

**Visual Style:**
Use a minimalist, professional aesthetic. Apply subtle border styling to the card, generous vertical spacing (gap-6) between form elements, and clear, legible typography. The input fields should have consistent padding and a focus state that visually signals interactivity.

**Interactions and Responsiveness:**
*   Implement a hover effect on the text links (underline transition).
*   Ensure the buttons provide clear visual feedback on hover/click.
*   The component must be fully responsive, maintaining its narrow-width constraints on desktop while expanding to fill the width on mobile devices.

**Technical Requirements:**
Use modular sub-components for the card structure (Header, Content, Footer) to ensure the code is clean and reusable. Use standard accessibility patterns for labels and input fields.