.grid-pattern{background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:20px 20px}.dots-pattern{background-image:radial-gradient(var(--grid-color) 1px,transparent 1px);background-size:20px 20px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-float{animation:float 6s ease-in-out infinite}.gradient-animate{background-size:400% 400%;animation:gradientMove 15s ease infinite}