style(landing): add micro-interactions and polish public pages

src/app/(site)/register/page.tsx

@@ -57,7 +57,31 @@ export default async function RegisterPage() {
 
 	return (
 		<div className="mx-auto w-full max-w-6xl flex flex-col gap-8 pb-16">
-			<AuthTopBar hotelName={hotelName} logo={logo} />
+			<div className="relative">
+				<div
+					aria-hidden="true"
+					className="pointer-events-none absolute -inset-x-16 -top-24 overflow-hidden"
+				>
+					<div
+						className="aurora-blob -left-20 top-0 h-80 w-80"
+						style={{
+							background:
+								"color-mix(in srgb, var(--color-primary) 34%, transparent)",
+							opacity: 0.45,
+						}}
+					/>
+					<div
+						className="aurora-blob -right-20 top-6 h-72 w-72"
+						style={{
+							background:
+								"color-mix(in srgb, var(--color-accent) 30%, transparent)",
+							animationDelay: "-7s",
+							opacity: 0.4,
+						}}
+					/>
+				</div>
+				<AuthTopBar hotelName={hotelName} logo={logo} />
+			</div>
 
 			<Reveal>
 				<div className="flex flex-col gap-8 lg:flex-row lg:items-start">