@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes pulseSlow{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 5px 2px rgba(59,130,246,.5)}50%{box-shadow:0 0 25px 5px rgba(59,130,246,.8)}}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes rotate3d{0%{transform:rotate3d(1,1,1,0deg)}to{transform:rotate3d(1,1,1,1turn)}}@keyframes rotateY{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@keyframes slideInFromRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes wave{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-15px) rotate(-5deg)}75%{transform:translateY(15px) rotate(5deg)}}@keyframes solarPulse{0%,to{background-color:rgba(59,130,246,.7);box-shadow:0 0 15px rgba(59,130,246,.7)}50%{background-color:rgba(96,165,250,.9);box-shadow:0 0 25px rgba(96,165,250,.9)}}@keyframes solarGlow{0%{box-shadow:0 0 10px 2px rgba(59,130,246,.5)}25%{box-shadow:0 0 20px 5px rgba(59,130,246,.7)}50%{box-shadow:0 0 30px 8px rgba(59,130,246,.9)}75%{box-shadow:0 0 20px 5px rgba(59,130,246,.7)}to{box-shadow:0 0 10px 2px rgba(59,130,246,.5)}}@keyframes wifiPulse{0%{transform:scale(1);opacity:.7}to{transform:scale(1.5);opacity:0}}.camera-3d-container,.camera-body{transform-style:preserve-3d}.camera-body{position:relative;width:100%;height:100%;animation:cameraFloat 6s ease-in-out infinite}.camera-main{backface-visibility:hidden;box-shadow:0 10px 30px rgba(0,0,0,.2);overflow:hidden}.camera-lens{box-shadow:inset 0 0 20px rgba(0,0,0,.8);overflow:hidden}.lens-inner{position:relative;box-shadow:inset 0 0 15px rgba(0,0,0,.9);overflow:hidden}.solar-panel{box-shadow:0 0 15px rgba(59,130,246,.7);animation:solarGlow 3s infinite;height:4px!important;background:linear-gradient(90deg,#3b82f6,#60a5fa,#93c5fd,#60a5fa,#3b82f6);background-size:200% 100%;animation:solarGlow 3s infinite,gradientFlow 5s linear infinite}.control-button{box-shadow:inset 0 0 10px rgba(0,0,0,.5);transition:all .3s ease}.inner-button{box-shadow:0 0 10px rgba(59,130,246,.3)}@keyframes lensRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes cameraFloat{0%{transform:translateY(0) rotateY(0deg)}50%{transform:translateY(-10px) rotateY(5deg)}to{transform:translateY(0) rotateY(0deg)}}@keyframes cameraPulse{0%{box-shadow:0 0 0 0 rgba(59,130,246,.4)}70%{box-shadow:0 0 0 15px rgba(59,130,246,0)}to{box-shadow:0 0 0 0 rgba(59,130,246,0)}}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes revealUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes textFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.perspective-1000{perspective:1000px}.transform-style-3d{transform-style:preserve-3d}.bg-gradient-radial{background-image:radial-gradient(var(--tw-gradient-stops))}.animate-pulse-slow{animation:pulseSlow 4s cubic-bezier(.4,0,.6,1) infinite}.animate-reveal-up{animation:revealUp .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.animate-text-fade{animation:textFade .5s ease-out forwards;animation-delay:var(--delay,0s);opacity:0}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-slow{animation:floatSlow 10s ease-in-out infinite}.animate-pulse{animation:pulse 3s ease-in-out infinite}.animate-glow{animation:glow 3s infinite}.animate-shimmer{background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.2) 50%,rgba(255,255,255,0));background-size:200% 100%;animation:shimmer 3s infinite}.animate-rotate-3d{animation:rotate3d 15s linear infinite}.animate-rotate-y{animation:rotateY 15s linear infinite}.animate-slide-right{animation:slideInFromRight .5s forwards}.animate-slide-left{animation:slideInFromLeft .5s forwards}.animate-fade-in{animation:fadeIn 1s forwards}.animate-scale-in{animation:scaleIn .5s forwards}.animate-bounce{animation:bounce 2s infinite}.animate-wave{animation:wave 5s infinite}.animate-solar-pulse{animation:solarPulse 3s infinite}.animate-wifi-pulse{animation:wifiPulse 2s infinite}.animate-lens-rotate{animation:lensRotate 10s linear infinite}.animate-gradient-flow{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradientFlow 15s ease infinite}.rotate-y-15{transform:rotateY(15deg)}.rotate-x-15{transform:rotateX(15deg)}.rotate-x-45{transform:rotateX(45deg)}.translate-z-4{transform:translateZ(4px)}.translate-z-8{transform:translateZ(8px)}.translate-z-12{transform:translateZ(12px)}.camera-3d-container:hover .camera-body{animation-play-state:paused}.camera-3d-container:hover .camera-main{box-shadow:0 15px 40px rgba(59,130,246,.3);transition:all .5s cubic-bezier(.16,1,.3,1)}.camera-3d-container:hover .lens-inner{background:linear-gradient(90deg,#1e3a8a,#3b82f6);transition:all .5s cubic-bezier(.16,1,.3,1)}.camera-3d-container:hover .solar-panel{animation:solarPulse 1s infinite;transition:all .3s cubic-bezier(.16,1,.3,1)}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.reveal.active{opacity:1;transform:translateY(0)}.magnetic-button{transition:transform .3s cubic-bezier(.16,1,.3,1),background-color .3s ease}.magnetic-button:hover{transform:scale(1.05)}.parallax{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.glass{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}.glass,.glass-dark{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.glass-dark{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1)}