Solace sign-in

Build a high-performance, agency-grade Sign In Form section called "Solace sign-in" in React 19, TypeScript, and Tailwind CSS with Framer Motion.

## 1. Overview & Visual Objective
Build a fullscreen sign-in page with a **real-time liquid glass refraction effect** over a looping background video. Use React 18 + TypeScript + Tailwind CSS + Vite. Only dependency beyond React is `lucide-react`. Font: **Inter** (400, 500, 600, 700) from Google Fonts. Must be fully mobile responsive.

Visual Aesthetics & Mood:
fullscreen looping video sign-in page real-time canvas refraction liquid glass lens effect distorting background per-pixel optical warping clean neutral sans-serif minimal centered form futuristic tactile innovative premium immersive polished

## 2. Technical Stack & Dependencies
- Framework: React 19 + TypeScript + Vite
- Styling: Tailwind CSS v4 + Lucide React icons
- Animation Engine: Framer Motion (layout animations, spring physics, scroll-linked parallax)