@keyframes cloudFloat{0%{background-position:50% 15%}25%{background-position:50% 35%}50%{background-position:50% 55%}75%{background-position:50% 35%}to{background-position:50% 15%}}.bg-cloud-gradient{z-index:0;will-change:background-position;background-image:url(/cloud-bg.jpeg);background-repeat:no-repeat;background-size:cover;transition:background-position 1s;animation:480s cubic-bezier(.45,.05,.55,.95) infinite cloudFloat;position:fixed;inset:0}.bg-cloud-gradient:after{content:"";pointer-events:none;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);background:linear-gradient(#0000 20%,#f6f4f00d 25%,#f6f4f01a 30%,#f6f4f033 40%,#f6f4f066 50%,#f6f4f099 60%,#f6f4f0cc 80%,#f6f4f0 100%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.bg-cloud-gradient{background-position:50% 35%;animation:none}}.gradient-btn{background:linear-gradient(331deg,#f6f4f0 0%,var(--blue-9)42%);transition:all .3s ease-in-out}.gradient-btn:hover{background:linear-gradient(315deg,#f6f4f0 0%,var(--blue-9)52.4836%);transition:all .3s ease-in-out}@keyframes grayscale-fade{0%{filter:grayscale()}to{filter:grayscale(0%)}}.animate-grayscale-fade{animation:3s ease-out forwards grayscale-fade}