Modal Dialog

DESIGN RATIONALE

A centered modal that uses a backdrop blur at 40% opacity rather than a solid overlay, preserving context. The modal container uses a 1px border at white/10 with an inner subtle gradient. Entrance animation is a combined scale (0.95→1) and opacity fade over 200ms with ease-out. Focus is trapped and restored on close.

USAGE GUIDELINES

Use for confirmations, detail views, forms that don't warrant a full page, or any action that requires user attention before proceeding.