@keyframes hero-in{0%{opacity:0;filter:blur(8px);transform:translateY(22px)}to{opacity:1;filter:blur();transform:none}}@keyframes sheen{0%,to{background-position:0%}50%{background-position:100%}}.hero-in{animation:.9s cubic-bezier(.16,1,.3,1) both hero-in}.hero-sheen{background-size:200% 100%;animation:6s ease-in-out infinite sheen}.hero-bg[data-bg=velvet]{--hero-edge:#1b0b36;background:var(--hero-edge)}[data-bg=velvet] .hero-bg-base{background:radial-gradient(60% 45% at 50% -5%,#ffffff24,#0000 70%),radial-gradient(90% 70% at 50% 30%,#5d2ba3 0%,#4a2189 26%,#36176a 52%,#26104d 76%,#1b0b36 100%)}[data-bg=velvet] .hero-bg-light{filter:blur(50px);background:conic-gradient(at 50% 45%,#0000 0deg,#ec489921 50deg,#0000 110deg,#6366f129 200deg,#0000 270deg,#a78bfa1f 320deg,#0000 360deg);animation:60s linear infinite hero-spin;inset:-30%}.hero-bg[data-bg=silk]{--hero-edge:#0b0714;background:var(--hero-edge)}[data-bg=silk] .hero-bg-base{background:radial-gradient(120% 80% at 50% -10%,#2b1652 0%,#160c2c 48%,#0b0714 100%)}[data-bg=silk] .hero-bg-light:before,[data-bg=silk] .hero-bg-light:after{content:"";border-radius:50%;width:140%;position:absolute;left:-20%;transform:rotate(-9deg)}[data-bg=silk] .hero-bg-light:before{filter:blur(70px);background:linear-gradient(100deg,#0000 8%,#8b5cf680 32%,#d946ef6b 52%,#6366f16b 72%,#0000 92%);height:26rem;animation:16s ease-in-out infinite alternate hero-ribbon;top:2rem}[data-bg=silk] .hero-bg-light:after{filter:blur(18px);background:linear-gradient(100deg,#0000 18%,#ffffff29 45%,#f4ccff38 55%,#0000 80%);height:5rem;animation:12s ease-in-out -4s infinite alternate-reverse hero-ribbon;top:13rem}.hero-bg[data-bg=aurora]{--hero-edge:#08060f;background:var(--hero-edge)}[data-bg=aurora] .hero-bg-base{background:radial-gradient(80% 55% at 50% 100%,#4321a3 0%,#24125a 40%,#0000 75%),radial-gradient(45% 40% at 12% 0,#7c3aed61,#0000 70%),radial-gradient(40% 36% at 88% 4%,#ec48993d,#0000 70%),linear-gradient(#120a24,#08060f)}[data-bg=aurora] .hero-blob-a{opacity:.45}.hero-bg-fade{background:linear-gradient(to bottom, transparent, var(--hero-edge))}@keyframes hero-spin{to{transform:rotate(360deg)}}@keyframes hero-ribbon{0%{transform:translate(-4%)rotate(-9deg)}to{transform:translate(4%,1.5rem)rotate(-6deg)}}.hero-blob{mix-blend-mode:screen;will-change:transform, opacity;border-radius:9999px;position:absolute}.hero-blob-a{background:radial-gradient(closest-side,#9652d652,#783cbe1a 60%,#0000);width:64rem;height:36rem;margin-left:-32rem;animation:12s ease-in-out infinite alternate glow;top:2rem;left:50%}@keyframes glow{0%{opacity:.7;transform:scale(.96)}to{opacity:1;transform:scale(1.06)}}.hero-stars,.hero-stars:after{background-image:radial-gradient(1px 1px at 24px 36px,#fff9,#0000 70%),radial-gradient(1px 1px at 132px 92px,#fff6,#0000 70%),radial-gradient(1.5px 1.5px at 214px 164px,#ecdeffb3,#0000 70%),radial-gradient(1px 1px at 318px 48px,#ffffff80,#0000 70%),radial-gradient(1px 1px at 392px 212px,#ecdeff80,#0000 70%),radial-gradient(1px 1px at 76px 238px,#ffffff59,#0000 70%);background-size:430px 270px}.hero-stars{opacity:.4;animation:5s ease-in-out infinite alternate twinkle;-webkit-mask-image:radial-gradient(80% 70% at 50% 35%,#000 25%,#0000 80%);mask-image:radial-gradient(80% 70% at 50% 35%,#000 25%,#0000 80%)}.hero-stars:after{content:"";background-position:180px 90px;background-size:620px 350px;animation:7s ease-in-out -3s infinite alternate-reverse twinkle;position:absolute;inset:0}@keyframes twinkle{0%{opacity:.35}to{opacity:1}}.hero-grain{opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@media (prefers-reduced-motion:reduce){.hero-in,.hero-sheen,.hero-blob,.hero-stars,.hero-stars:after,.hero-bg-light,.hero-bg-light:before,.hero-bg-light:after{animation:none}}