*{box-sizing:border-box;margin:0;padding:0}#root{z-index:1;position:relative}:root{--primary-gradient:linear-gradient(135deg, #06f 0%, #09f 50%, #0cf 100%);--secondary-gradient:linear-gradient(135deg, #09f 0%, #06f 100%);--accent-gradient:linear-gradient(135deg, #0080ff 0%, #09f 100%);--primary-blue:#09f;--primary-blue-dark:#06f;--primary-blue-light:#33b3ff;--accent-cyan:#0cf;--accent-pink:#f06;--accent-orange:#f90;--accent-green:#0c6;--light-blue:#e6f2ff;--light-blue-dark:#cce5ff;--light-pink:#ffe6f0;--text-dark:#fff;--text-light:#b3d9ff;--text-lighter:#80bfff;--bg-light:#fff;--bg-lighter:#f9fafb;--dark-gray:#1f2937;--light-gray:#f3f4f6;--border-color:#09f}html{scroll-behavior:smooth;background:#0a0e27}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background:#0a0e27;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}#root{z-index:10;width:100%;min-height:100vh;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{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(.9)}to{opacity:1;transform:scale(1)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes backgroundShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}*{transition:background-color .3s,color .3s}section{animation:.6s ease-out slideInUp}button{transition:all .3s cubic-bezier(.4,0,.2,1)}button:active{transform:scale(.98)}.scroll-fade-in{opacity:0;animation:.6s ease-out forwards fadeIn}.scroll-slide-up{opacity:0;animation:.6s ease-out forwards slideInUp}.scroll-slide-left{opacity:0;animation:.6s ease-out forwards slideInLeft}.scroll-slide-right{opacity:0;animation:.6s ease-out forwards slideInRight}.scroll-scale-in{opacity:0;animation:.6s ease-out forwards scaleIn}.scroll-zoom-in{opacity:0;animation:.6s ease-out forwards zoomIn}.scroll-item{opacity:0;animation:.6s ease-out forwards slideInUp}.scroll-item:first-child{animation-delay:.1s}.scroll-item:nth-child(2){animation-delay:.2s}.scroll-item:nth-child(3){animation-delay:.3s}.scroll-item:nth-child(4){animation-delay:.4s}.scroll-item:nth-child(5){animation-delay:.5s}.scroll-item:nth-child(6){animation-delay:.6s}.animated-bg{background-size:200% 200%;animation:8s infinite backgroundShift}.gradient-flow{background-size:200% 200%;animation:6s infinite gradientFlow}.float-animation{animation:3s ease-in-out infinite float}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-8px)}.glow-on-scroll{transition:box-shadow .3s;position:relative;box-shadow:0 4px 15px #6366f11a}.glow-on-scroll.visible{box-shadow:0 12px 35px #6366f140}