Build a full-viewport sign-up screen as a React + Tailwind component called AuthSignUp.

LAYOUT: Split screen, two equal columns (50/50), white background (#FFFFFF), full viewport (w-screen h-screen).

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/boat-cabin-woman.jpg — use <img> 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:
1. Logo mark: w-7 h-7 bg-black rounded-lg mb-8
2. H1: "Create your account" — text-[24px] font-medium text-black mb-1
3. Subtitle: "Start building something great today." — text-[13px] text-[#6B7280] mb-8
4. First/Last name row: flex gap-3, two equal columns
   Each: label text-[12px] font-medium text-black mb-1.5, input type=text placeholder, border border-gray-200 rounded-xl px-3.5 py-2.5 text-[13px] w-full
5. Gap mb-3
6. Email field: label + input (same input styles), type=email placeholder="[email protected]"
7. Gap mb-3
8. Password field: label + input, type=password placeholder="Create a password"
9. Gap mb-4
10. Terms checkbox row: flex items-start gap-2.5
    - Custom checkbox: w-4 h-4 mt-0.5 rounded border border-gray-300 flex-shrink-0, checked state shows a blue checkmark SVG (#2B65F6). Use a real input[type=checkbox] with appearance-none and overlay the SVG conditionally in React state.
    - Label text: "I agree to the Terms of Service" text-[12px] text-[#6B7280]
11. Gap mb-6
12. Primary button: "Create account" w-full bg-[#2B65F6] text-white rounded-xl px-3.5 py-2.5 text-[13px] font-medium hover:opacity-90
13. Divider "or" with hairline rules (mb-3)
14. Google button: bordered not blue, inline coloured Google G SVG, "Continue with Google", rounded-xl
15. Bottom link: "Already have an account? Sign in" text-[11px] text-[#6B7280] text-center mt-6

RULES: Switzer font. No icon libraries. No em-dashes. Use <img> not next/image.

Build AuthSignUpMobile.tsx: a mobile sign-up screen for a phone frame (w-full h-full flex flex-col).

Top 38%: image area (no border radius, bleeds edge-to-edge):
- <img> src="https://iaeaagcctrfxahmgvzeq.supabase.co/storage/v1/object/public/images/ai-library-stock/boat-cabin-woman.jpg" className="w-full h-full object-cover"
- Status bar overlay absolute top-0 inset-x-0: flex justify-between items-center px-4 pt-2, text-white text-[10px]
  Left: "9:41" font-medium
  Right: inline SVG WiFi + battery icons, white, ~12x12

Bottom 62%: bg-white, flex col, px-6 pt-5, overflow-y-auto:
1. "Create account" text-[18px] font-medium text-black mb-1
2. "Start building today." text-[12px] text-[#6B7280] mb-5
3. First + Last name in a flex row gap-2: each with label text-[11px] font-medium, input border-gray-200 rounded-xl px-3 py-2 text-[12px]
4. Email field: label + input (same style), mb-3
5. Password field: same, mb-4
6. Custom checkbox row: flex items-start gap-2, w-4 h-4 custom checkbox (blue check SVG when checked), label "I agree to the Terms of Service" text-[11px] text-[#6B7280]
7. mb-5, "Create account" button: w-full bg-[#2B65F6] text-white rounded-xl py-2.5 text-[12px] font-medium
8. "Already have an account? Sign in" text-center text-[10px] text-[#6B7280] mt-3

No Google button. Switzer font. No icon libraries.