Build a full-viewport sign-in screen as a React + Tailwind component called AuthSignIn.

LAYOUT: Split screen, two equal columns (50/50), no gap, white background (#FFFFFF), full viewport height.

LEFT COLUMN — image panel:
- Outer div: p-6, h-full
- Inner div: rounded-3xl overflow-hidden h-full relative
- Background image: https://iaeaagcctrfxahmgvzeq.supabase.co/storage/v1/object/public/images/ai-library-stock/young-woman-chair.jpg — object-cover, w-full, h-full
- Wordmark overlay bottom-left: absolute bottom-5 left-5, text "Acme", text-[11px] font-medium text-white opacity-60

RIGHT COLUMN — form panel:
- Flex column, items-center justify-center, h-full, px-8
- Inner form wrapper: w-full max-w-sm

FORM CONTENTS (top to bottom):
1. Logo mark: w-7 h-7 bg-black rounded-lg mb-8
2. H1: "Sign in" — text-[24px] font-medium text-black mb-1
3. Subtitle: "Welcome back. Enter your details below." — text-[13px] text-[#6B7280] mb-8
4. Label "Email" text-[12px] font-medium text-black mb-1.5, Input: type=email placeholder="[email protected]", border border-gray-200 rounded-xl px-3.5 py-2.5 text-[13px] w-full outline-none focus:border-gray-400 transition-colors
5. Gap mb-3
6. Label "Password" text-[12px] font-medium text-black mb-1.5, Input: type=password placeholder="••••••••", same styles as email input
7. Text-right link: "Forgot password?" text-[11px] text-[#6B7280] hover:text-black mt-1.5 block
8. Gap mb-6
9. Primary button: "Sign in" — w-full bg-[#2B65F6] text-white rounded-xl px-3.5 py-2.5 text-[13px] font-medium hover:opacity-90 transition-opacity
10. Gap mb-6
11. Divider: flex items-center gap-3, two hr elements flex-1 border-gray-200, span "or" text-[11px] text-[#6B7280]
12. Gap mb-3
13. Google button: w-full border border-gray-200 rounded-xl px-3.5 py-2.5 text-[13px] font-medium text-black hover:border-gray-400 transition-colors flex items-center justify-center gap-2.5
    - Inline SVG Google G logo (coloured, 16x16)
    - Text: "Continue with Google"
14. Bottom link: "Don't have an account? Sign up" — text-[11px] text-[#6B7280] text-center mt-6, "Sign up" is a blue underline link

RULES:
- No icon libraries — inline SVGs only
- No animations other than CSS transitions
- Font: font-['Switzer',sans-serif] on root div
- No em-dashes anywhere
- Use regular <img> tag not next/image

Build a mobile sign-in screen as a React component AuthSignInMobile for rendering inside a 390x844 phone frame (h-full w-full, no scrolling).

LAYOUT (top to bottom, fills entire height):
- Top 38%: image area, overflow-hidden, no border radius (bleeds to edges inside the frame)
  - Full-cover image: https://iaeaagcctrfxahmgvzeq.supabase.co/storage/v1/object/public/images/ai-library-stock/young-woman-chair.jpg
  - Status bar overlay absolute top-0 left-0 right-0: flex justify-between px-4 pt-2, text-white text-[10px]
    Left: "9:41"
    Right: inline SVG icons for WiFi and battery (white, ~12x12)
- Bottom 62%: white bg, flex col, px-6 pt-6

FORM (inside bottom panel):
1. "Sign in" text-[18px] font-medium text-black mb-1
2. "Welcome back" text-[12px] text-[#6B7280] mb-6
3. Label "Email" text-[11px] font-medium text-black mb-1, Input email border border-gray-200 rounded-xl px-3 py-2 text-[12px] w-full
4. Gap mb-3
5. Label "Password" text-[11px] font-medium text-black mb-1, Input password same style
6. "Forgot password?" text-right text-[10px] text-[#6B7280] mt-1 mb-6
7. "Sign in" button: w-full bg-[#2B65F6] text-white rounded-xl py-2.5 text-[12px] font-medium
8. "Don't have an account? Sign up" text-center text-[10px] text-[#6B7280] mt-4, "Sign up" blue

Font: Switzer. No icon libs. Use <img>. No Google button (too cramped).