Build a modern, clean authentication card component using React and Tailwind CSS. The component should follow a modular, atomic design structure, making it easy to maintain and extend.

**Layout and Structure:**
Design a vertically stacked card with a fixed maximum width (e.g., `max-w-sm`). The layout should include a header section containing a primary heading and a brief instructional subtext, followed by a main content area containing a form with labeled input fields for user credentials. The footer should feature a primary action button and a secondary social login button stacked vertically.

**Visual Style:**
Adopt a minimalist aesthetic with a soft, neutral color palette. Use subtle border styling, generous white space (padding) within the card, and clear, legible typography. Ensure the input fields have a focus state that highlights the border color for better accessibility.

**Interactions and States:**
Include subtle hover transitions on the buttons and link text. The "Forgot password" link should have an underline-offset effect that triggers on hover. Ensure the primary action button has a distinct visual weight compared to the secondary/outline button.

**Responsive Behavior:**
The card must be fully responsive, maintaining a centered position on the screen. On smaller mobile devices, the card should span the width of the viewport with appropriate side margins.

**Content Requirements:**
The component should be generic and reusable, featuring:
- A main title and subtitle area.
- Two input fields (e.g., text/email and password) with associated labels.
- A functional-looking form structure.
- A primary CTA button and a secondary "alternative provider" button.
- A text-based link for secondary navigation (e.g., password recovery).