Create a full-screen hero landing page for "Bloom" — an AI-powered plant/floral design platform. The design uses a liquid glass morphism aesthetic over a looping video background. Background Full-screen autoplaying, looping, muted video background: https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260315_073750_51473149-4350-4920-ae24-c8214286f323.mp4 Video covers entire viewport with object-cover, sits at z-0. All content floats above at z-10. Fonts Display/Body: Poppins (Google Fonts) — used for headings and body text Serif accent: Source Serif 4 (Google Fonts) — used only for italic/emphasis text inside headings (e.g., , , .italic inside h1-h3) Headings use font-weight: 500 Color Palette Strict grayscale only — all CSS variables are 0 0% X% HSL values Text is text-white, text-white/80, text-white/60, text-white/50 for hierarchy No colored accents whatsoever Liquid Glass CSS (two tiers) Define under @layer components: .liquid-glass (light) background: rgba(255,255,255,0.01); background-blend-mode: luminosity; backdrop-filter: blur(4px); border: none; box-shadow: inset 0 1px 1px rgba(255,255,255,0.1); position: relative; overflow: hidden; ::before pseudo-element: gradient border using linear-gradient(180deg, rgba(255,255,255,0.45) 0%, rgba(255,255,255,0.15) 20%, transparent 40%, transparent 60%, rgba(255,255,255,0.15) 80%, rgba(255,255,255,0.45) 100%) with padding: 1.4px, masked via -webkit-mask-composite: xor; mask-composite: exclude; .liquid-glass-
……（完整源码请在站内查看）
