Premium Auth Split

A full-screen split-panel authentication layout. The left panel renders a live WebGL fragment shader featuring three raymarched torus shapes that slowly rotate and interweave, creating a premium dark cylindrical aesthetic.

The right panel contains a centered sign-in form with Google OAuth, an email input, and a continue button. Inputs and the Google button use shadow-sm shadow-black/10 ring-1 ring-black/10 for clean elevated styling.

The continue button uses a blue gradient with a diffused glow shadow. All interactive elements have cursor-pointer, active:scale-98, and transition duration-150 for tactile feedback.

Full dark mode support across both panels. The shader panel is hidden on mobile breakpoints and the form fills the screen instead.