@keyframes heroEntrance{0%{opacity:0;transform:translateY(50px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes floatingProduct{0%,to{transform:translateY(0)rotateY(0)}25%{transform:translateY(-10px)rotateY(5deg)}50%{transform:translateY(-5px)rotateY(0)}75%{transform:translateY(-15px)rotateY(-5deg)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #3ebebd4d}50%{box-shadow:0 0 40px #3ebebd99}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-180deg)scale(.5)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes particleFloat{0%,to{opacity:.3;transform:translateY(0)translate(0)rotate(0)}25%{opacity:.6;transform:translateY(-20px)translate(10px)rotate(90deg)}50%{opacity:.4;transform:translateY(-10px)translate(-5px)rotate(180deg)}75%{opacity:.7;transform:translateY(-30px)translate(15px)rotate(270deg)}}.hero-3d-container{perspective:1200px;transform-style:preserve-3d}.hero-3d-element{transform-style:preserve-3d;transition:transform .3s}.hero-3d-element:hover{transform:rotateY(15deg)rotateX(5deg)translateZ(20px)}.glass-effect{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;box-shadow:0 8px 32px #0000001a}.gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#fff 30%,#3ebebd 90%) 0 0/200% 200%;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite gradientShift}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.hero-button{transition:all .3s;position:relative;overflow:hidden}.hero-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.hero-button:hover:before{left:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){@keyframes heroEntrance{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.hero-3d-element:hover{transform:rotateY(10deg)rotateX(3deg)translateZ(10px)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}