A warm welcome back.

Create a responsive sign-in page for a fictional creative workspace called goodspace in React. Use a split-screen layout: warm ivory (#f7f5f0) form area on the left, muted yellow (#e6c968) illustration area on the right. Use a small black wordmark, large “Welcome back.” heading, brief helper copy, and generous spacing.

FORM: Add properly labeled email and password inputs, a keyboard-accessible show/hide password button with an accessible name, a forgot-password link, and a full-width dark “Sign in” button. Include a Google sign-in option only if a real provider is configured. Use autocomplete=email and current-password. Validate fields accessibly, associate errors with aria-describedby, and focus the first invalid field. Provide loading, error, and success states without pretending authentication has succeeded without a backend.

ILLUSTRATION: Create an original abstract composition using oversized overlapping circles, a checkerboard square, and a black curved line. Treat it as decorative and hide it from assistive technology. Add a short editorial caption at the bottom.

RESPONSIVE: Hide the decorative panel on small screens, preserve 24px side padding, and make touch targets at least 44px. Keep the form at a comfortable 360px maximum width. Respect prefers-reduced-motion and maintain high-contrast text.