.icons{transition:all .3s ease-in-out;position:relative;overflow:visible}@keyframes wave{0%{box-shadow:0 0 0 0 #3b82f6}to{box-shadow:0 0 0 20px rgba(10,10,194,0)}}.icons:hover:before{content:"";position:absolute;left:50%;top:50%;width:40px;height:40px;background-color:transparent;border-radius:50%;transform:translate(-50%,-50%);animation:wave 1.5s ease-out infinite;background-color:rgba(10,41,194,.4)}.text-primary{color:#3b82f6}.imageside{position:relative}.floating-icons{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20}.icon{width:40px;height:40px;position:absolute;background-color:hsl(var(--primary));opacity:.3;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;animation:float 7s ease-in-out infinite,morphShape 15s ease-in-out infinite;transition:all .3s ease-in-out;filter:blur(2px)}.icon1{top:5%;left:-5%;background:linear-gradient(45deg,#3b82f6,#06b6d4);animation-delay:0s}.icon2{top:15%;right:-2%;background:linear-gradient(45deg,#3b82f6,#8b5cf6);animation-delay:2s}.icon3{bottom:10%;left:10%;background:linear-gradient(45deg,#06b6d4,#3b82f6);animation-delay:1s}.icon4{bottom:5%;right:-5%;background:linear-gradient(45deg,#8b5cf6,#3b82f6);animation-delay:3s}@keyframes float{0%{transform:translateY(0) translateX(0) rotate(0deg)}33%{transform:translateY(-10px) translateX(10px) rotate(120deg)}66%{transform:translateY(5px) translateX(-10px) rotate(240deg)}to{transform:translateY(0) translateX(0) rotate(1turn)}}@keyframes morphShape{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}}@media (max-width:768px){.icon{width:30px;height:30px}}.dark .icon{opacity:.2;filter:blur(3px)}