*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes floatReverse{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,40px) scale(1.2)}66%{transform:translate(30px,-20px) scale(.8)}}@keyframes pulse{0%,to{transform:scale(1) translate(0)}50%{transform:scale(1.3) translate(20px,-20px)}}@keyframes gridMove{0%{background-position:0 0}to{background-position:50px 50px}}.hero-gradient-bg{background:linear-gradient(135deg,#06b6d426,#0891b214,#06b6d426);background-size:200% 200%;animation:gradientShift 15s ease infinite}.hero-gradient-bg-dark{background:linear-gradient(135deg,#06b6d426,#0891b21a,#06b6d426);background-size:200% 200%;animation:gradientShift 15s ease infinite}.hero-float-1{animation:float 20s ease-in-out infinite}.hero-float-2{animation:floatReverse 25s ease-in-out infinite}.hero-pulse{animation:pulse 18s ease-in-out infinite}.hero-grid{background-image:linear-gradient(rgba(6,182,212,.35) 2px,transparent 2px),linear-gradient(90deg,rgba(6,182,212,.35) 2px,transparent 2px);background-size:50px 50px;animation:gridMove 20s linear infinite}.hero-grid-dark{background-image:linear-gradient(rgba(6,182,212,.25) 2px,transparent 2px),linear-gradient(90deg,rgba(6,182,212,.25) 2px,transparent 2px);background-size:50px 50px;animation:gridMove 20s linear infinite}