.hero{animation:hero ease-in-out 15s infinite;animation-delay:2e3ms}@keyframes hero{0%{transform:rotateX(-8deg)rotateY(8deg)}33%{transform:rotateX(-4deg)rotateY(-8deg)}66%{transform:rotateX(-12deg)rotateY(-4deg)}100%{transform:rotateX(-8deg)rotateY(8deg)}}.hero-bg{opacity:0;animation:fade-in 1s ease-in-out forwards}@keyframes fade-in{to{opacity:1}}.hero h1{-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 10s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0}50%{background-position:100%}}.hero-content{filter:drop-shadow(4px 4px 4px rgba(0 0 0/.5))}.quick-start{background-color:rgba(0,0,0,.4);color:#fff;backdrop-filter:var(--g);box-shadow:#333 0 -1px inset}.quick-start:hover{cursor:copy}.hero-logo{filter:brightness(0)invert(1)}.gradient-sphere{filter:blur(60px)}.sphere-1{background:linear-gradient( 40deg,rgba(16,225,241,.8),rgba(241,5,136,.4) );animation:float-1 15s ease-in-out infinite alternate}.sphere-2{background:linear-gradient( 240deg,rgba(6,112,225,.5),rgba(16,225,241,.4) );animation:float-2 18s ease-in-out infinite alternate}.sphere-3{background:linear-gradient( 120deg,rgba(133,89,255,.5),rgba(98,216,249,.3) );animation:float-3 20s ease-in-out infinite alternate}@keyframes float-1{0%{transform:translate(0,0)scale(1)}100%{transform:translate(10%,10%)scale(1.1)}}@keyframes float-2{0%{transform:translate(0,0)scale(1)}100%{transform:translate(-10%,-5%)scale(1.15)}}@keyframes float-3{0%{transform:translate(0,0)scale(1);opacity:.3}100%{transform:translate(-5%,10%)scale(1.05);opacity:.6}}.grid-overlay{background-size:40px 40px;background-image:linear-gradient( to right,rgba(255,255,255,3%) 1px,transparent 1px ),linear-gradient(to bottom,rgba(255,255,255,3%) 1px,transparent 1px);z-index:2}.glow{background:radial-gradient(circle,rgba(72,0,255,.15),transparent 70%);animation:pulse 8s infinite alternate;filter:blur(30px)}@keyframes pulse{0%{opacity:.3;transform:translate(-50%,-50%)scale(.9)}100%{opacity:.7;transform:translate(-50%,-50%)scale(1.1)}}.noise-overlay{opacity:.05;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.particles-container{z-index:3;pointer-events:none}.particle{background:#fff;border-radius:50%;pointer-events:none}