html{scroll-behavior:smooth}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(2deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-float{animation:6s ease-in-out infinite float}.animate-fadeInUp{animation:.8s ease-out forwards fadeInUp}.animate-slideInLeft{animation:.8s ease-out forwards slideInLeft}.animate-slideInRight{animation:.8s ease-out forwards slideInRight}.animate-scaleIn{animation:.6s ease-out forwards scaleIn}.animate-pulse-slow{animation:3s ease-in-out infinite pulse}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e}.gradient-border{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(135deg,#667eea 0%,#764ba2 100%) border-box;border:2px solid #0000}.shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.hover-lift{transition:transform .3s,box-shadow .3s}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.text-gradient-blue{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-purple{background:linear-gradient(135deg,#764ba2 0%,#f093fb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (max-width:640px){.animate-fadeInUp,.animate-slideInLeft,.animate-slideInRight,.animate-scaleIn{animation-duration:.6s}}@media (prefers-reduced-motion:reduce){.animate-float,.animate-fadeInUp,.animate-slideInLeft,.animate-slideInRight,.animate-scaleIn,.animate-pulse-slow{animation:none}.hover-lift:hover{transform:none}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8 0%,#6b46c1 100%)}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px #3b82f680}.stagger-children>*{opacity:0;animation:.6s ease-out forwards fadeInUp}.stagger-children>:first-child{animation-delay:.1s}.stagger-children>:nth-child(2){animation-delay:.2s}.stagger-children>:nth-child(3){animation-delay:.3s}.stagger-children>:nth-child(4){animation-delay:.4s}.stagger-children>:nth-child(5){animation-delay:.5s}.stagger-children>:nth-child(6){animation-delay:.6s}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float-slow{animation:4s ease-in-out infinite float-slow}@keyframes energyFlow{0%{transform:translate(-100%)}to{transform:translate(300%)}}.energy-line{animation:1.5s linear infinite energyFlow}@keyframes preciseDragDrop{0%{opacity:0;transform:translate(-100px,60px)scale(.9)}15%{opacity:1;transform:translate(-100px,60px)scale(1)}50%{opacity:1;transform:translate(60px,40px)scale(1.05)}75%{opacity:1;border-color:#34d399;transform:translate(60px,40px)scale(1)}85%{opacity:0;transform:translate(60px,40px)scale(1)}to{opacity:0;transform:translate(-100px,60px)scale(.9)}}.drag-element{animation:4s cubic-bezier(.4,0,.2,1) infinite preciseDragDrop}@keyframes cursorFollow{0%{transform:translate(-30px,140px)}15%{transform:translate(-30px,140px)}50%{transform:translate(140px,120px)}75%{transform:translate(140px,120px)}85%{transform:translate(140px,120px)}to{transform:translate(-30px,140px)}}.cursor-follower{animation:4s cubic-bezier(.4,0,.2,1) infinite cursorFollow}@keyframes conflictPulse{0%,to{box-shadow:inset 0 0 #f43f5e00}50%{box-shadow:inset 0 0 20px #f43f5e66}}.conflict-glow{animation:2s infinite conflictPulse}@keyframes smoothLaser{0%,to{opacity:0;transform:translateY(-50px)}10%,90%{opacity:1}50%{transform:translateY(50px)}}.laser-beam{animation:2s ease-in-out infinite smoothLaser}@keyframes dataTransfer{0%{transform:translate(-100%)}to{transform:translate(300%)}}.data-packet{animation:1.5s linear infinite dataTransfer}