@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(5px) rotate(-1deg)}}@keyframes pulse-glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.animate-slide-up{animation:slide-up .8s ease-out forwards}@keyframes gradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.animate-gradient{-webkit-text-fill-color:transparent;animation:gradient 4s ease infinite;background:linear-gradient(-45deg,#667eea,#764ba2,#f093fb,#f5576c);-webkit-background-clip:text;background-clip:text;background-size:400% 400%}.image-comparison-container{overflow:hidden;position:relative}.responsive-image-compare{height:100%;position:relative;width:100%}.responsive-image-compare img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}@media (max-width:768px){.responsive-image-compare{aspect-ratio:4/3}}@media (min-width:769px) and (max-width:1024px){.responsive-image-compare{aspect-ratio:3/2}}@media (min-width:1025px){.responsive-image-compare{aspect-ratio:16/9}}.category-btn{transition:all .2s ease}.category-btn:hover{box-shadow:0 4px 12px rgba(124,58,237,.15);transform:translateY(-1px)}.category-btn.active{background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 4px 15px rgba(124,58,237,.3);color:#fff}#comparison-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;outline:none}#comparison-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:transparent;border:none;height:0;width:0}#comparison-slider::-moz-range-thumb{background:transparent;border:none;border-radius:0;height:0;width:0}.slider-line{pointer-events:none;transition:all .1s ease}.slider-handle{border-width:3px;transition:all .2s ease}.slider-handle:hover{border-color:#7c3aed;box-shadow:0 8px 25px rgba(124,58,237,.4);transform:translate(-50%,-50%) scale(1.15)}.image-comparison-container:hover .slider-handle{box-shadow:0 6px 20px rgba(124,58,237,.3)}