@keyframes float{0%{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(5px) rotate(-1deg)}to{transform:translateY(0) rotate(0deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 25px 50px -12px rgba(59,130,246,.25)}50%{box-shadow:0 25px 50px -12px rgba(147,51,234,.4)}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.floating-image{animation:float 6s ease-in-out infinite}.floating-image:hover{animation:float 3s ease-in-out infinite}.glow-effect{animation:pulse-glow 4s ease-in-out infinite}.animated-gradient{background:linear-gradient(-45deg,#3b82f6,#8b5cf6,#ec4899,#06b6d4);background-size:400% 400%;animation:gradient-shift 8s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-background{background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,200,255,.2) 0,transparent 70%)}.example-image{transition:all .4s ease;z-index:10;position:relative}.example-image:hover{transform:scale(2);box-shadow:0 20px 40px rgba(0,0,0,.2);z-index:20}.generator-card{transition:all .3s ease}.generator-card:hover .example-image:not(:hover){transform:translateY(-5px)}.dark-example-glow{box-shadow:0 10px 25px rgba(99,102,241,.3)}.dark-example-glow:hover{box-shadow:0 15px 35px rgba(99,102,241,.4)}.light-example-glow{box-shadow:0 10px 25px rgba(245,158,11,.3)}.light-example-glow:hover{box-shadow:0 15px 35px rgba(245,158,11,.4)}