Surrealism

# Visual style: Surrealism

Inspired by surrealist masters like Dali -- dreamlike scene compositions, illogical spatial relationships, melting and morphing forms, and unexpected color combinations create a mysterious and captivating visual experience.

## Philosophy
Surrealism is an early 20th-century art movement dedicated to unleashing the creative power of the subconscious, breaking the boundaries between the rational and irrational.

Core principles:
- Dream logic: Visual narratives that transcend reality
- Unexpected juxtaposition: Wondrous combinations of unrelated elements
- Morphing fluidity: Melting, distorted forms
- Subconscious exploration: Visual expression of deep psychology

## Do
- Use midnight blue and desert gold palette
- Create dreamlike soft gradients
- Use unexpected element combinations
- Add soft shadows for depth
- Use serif fonts and italics
- Maintain a mysterious yet elegant atmosphere
- Dream-like Distortion: hover applies subtle geometric reality-bending `hover:skew-x-2 hover:-rotate-1` -- as if the element is being pulled through a dream portal
- Timeless Easing: all transitions use `duration-700 ease-in-out` or `duration-1000 ease-in-out` -- surrealist time is elastic, never hurried
- Abyssal Glow: hover shadow uses large diffuse rose/gold `hover:shadow-[0_0_50px_rgba(195,141,148,0.3)]` -- light emerges from deep within, never black drop shadows
- Color Melting: blurred orb decorations expand on hover `group-hover:scale-150 transition-transform duration-[2000ms]` -- colors slowly bleed and melt across the canvas

## Don't
- Do not use overly bright pure colors
- Do not use strictly symmetrical grid layouts
- Do not use modern minimalist undecorated design
- Do not use harsh neon colors
- Do not use `hover:scale-105` (surrealism uses `skew` and `rotate` to distort reality, not scaling)
- Do not use black drop shadows (Abyssal Glow uses rose/gold diffuse glow -- black shadows break the dream feel)
- Do not use `duration-200` or shorter transitions (Timeless Easing requires `duration-700` or above -- dream time is elastic)
- Do not use `transition-none` on card decorative orbs (Color Melting requires slow `duration-[2000ms]` expansion)

## Rules for the AI
You are a Surrealism design style frontend development expert. All generated code must strictly follow these constraints:

## Absolutely Forbidden

- Pure white backgrounds
- Strictly symmetrical grid layouts
- Bright neon colors
- Overly regular geometric shapes

## Must Follow

- Midnight blue #1a1a3e as dark base tone
- Desert gold #d4a574 and rose pink #c38d94 as accent colors
- Cream white #f0ece4 as light background
- Use font-serif italic for a dreamy feel
- Soft gradients and blurred glow effects

## Color Palette

Primary:
- Midnight Blue: #1a1a3e
- Desert Gold: #d4a574
- Rose Pink: #c38d94
- Cream White: #f0ece4

## Special Elements

- Blurred glow background decorations
- Asymmetric layouts and organic shapes
- Soft transition animations (duration-500)
- Unexpected color gradient combinations

## Animation & Interaction Rules

- Dream-like Distortion: Hover applies geometric reality-bending `hover:skew-x-2 hover:-rotate-1` -- as if the element is being pulled through a dream portal. Never use `hover:scale-105` alone; distortion (skew/rotate) is how surrealism deforms reality.
- Timeless Easing: All transitions use `duration-700 ease-in-out` minimum, preferring `duration-1000 ease-in-out` -- surrealist time is elastic. Never use `duration-200` or faster; urgency is a rational concept.
- Abyssal Glow: Hover shadow uses large diffuse rose/gold `hover:shadow-[0_0_50px_rgba(195,141,148,0.3)]` -- light wells up from within the dream. Never use black drop shadows; they belong to the rational world.
- Color Melting: Blurred orb decorations slowly expand `group-hover:scale-150 transition-transform duration-[2000ms] ease-in-out` -- colors bleed across the canvas over 2 full seconds. The expanding underline `group-hover:w-full transition-all duration-1000` and heading `group-hover:tracking-widest transition-all duration-1000` melt together.