.box{position:relative;width:333px;height:333px;background:rgba(0,0,0,.5);overflow:hidden}.box,.content{border-radius:50%}.content{position:absolute;inset:30px;z-index:3}.box:before{content:"";position:absolute;inset:-10px 120px;background:linear-gradient(315deg,#0cf,#d400d4);transition:.5s;animation:animate 4s linear infinite}.box:hover:before{inset:-20px 0}.box:after{content:"";position:absolute;inset:6px;background:#1d1e1f;border-radius:50%;z-index:1}@keyframes animate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.gradient-text{background:linear-gradient(315deg,#0cf,#d400d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes text-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes text-slide-down{0%{transform:translateY(0);opacity:1}to{transform:translateY(-20px);opacity:0}}@keyframes glow-pulse{0%,to{text-shadow:0 0 20px rgba(139,92,246,.5)}50%{text-shadow:0 0 30px rgba(139,92,246,.8)}}.animated-gradient-text{background:linear-gradient(45deg,#8b5cf6,#ec4899,#06b6d4,#10b981);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 3s ease-in-out infinite}.typing-cursor:after{content:"|";animation:cursor-blink 1s infinite;color:#8b5cf6}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.text-reveal{position:relative;overflow:hidden}.text-reveal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);animation:text-reveal-sweep 2s ease-in-out infinite}@keyframes text-reveal-sweep{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes float-gentle{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(180deg)}}.float-gentle{animation:float-gentle 4s ease-in-out infinite}.fade-slide-up{animation:fade-slide-up .8s ease-out}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-slide-down{animation:fade-slide-down .8s ease-out}@keyframes fade-slide-down{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}