@keyframes gradient-x{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes gradient-x-fast{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-gradient-x{animation:gradient-x 12s ease infinite;background-size:200% 200%}.animate-gradient-x-fast{animation:gradient-x-fast 4s ease infinite;background-size:200% 200%}.bg-size-200{background-size:200% 200%}.hero-title{text-shadow:0 0 30px rgba(99,102,241,.25),0 0 60px rgba(168,85,247,.15)}.experimental-glow{text-shadow:0 0 25px rgba(99,102,241,.25),0 0 50px rgba(168,85,247,.12),0 0 75px rgba(236,72,153,.08)}@keyframes caret-blink{0%,70%{opacity:1}71%,to{opacity:0}}.caret-blinking{animation:caret-blink 1.2s step-end infinite}@keyframes float-particles{0%,to{transform:translateY(0) rotate(0);opacity:.7}33%{transform:translateY(-15px) rotate(120deg);opacity:1}66%{transform:translateY(-8px) rotate(240deg);opacity:.8}}.animate-float-particles{animation:float-particles 7s ease-in-out infinite}.glow-particle{box-shadow:0 0 15px currentColor}@keyframes energy-pulse{0%,to{transform:scale(.9);opacity:.7}33%{transform:scale(1.05);opacity:1}66%{transform:scale(.95);opacity:.85}}.animate-energy-pulse{animation:energy-pulse 5s ease-in-out infinite}@keyframes text-glitch{0%,to{transform:translate(0);filter:hue-rotate(0deg)}20%{transform:translate(-.5px,.5px);filter:hue-rotate(90deg)}40%{transform:translate(.5px,-.5px);filter:hue-rotate(180deg)}60%{transform:translate(-.5px,-.5px);filter:hue-rotate(270deg)}80%{transform:translate(.5px,.5px);filter:hue-rotate(360deg)}}.animate-text-glitch{animation:text-glitch .3s ease-in-out}@keyframes morph-border{0%,to{border-radius:50% 25% 75% 35%}25%{border-radius:35% 75% 25% 50%}50%{border-radius:75% 35% 50% 25%}75%{border-radius:25% 50% 35% 75%}}.animate-morph-border{animation:morph-border 6s ease-in-out infinite}@keyframes experimental-hover{0%,to{transform:perspective(1000px) rotateX(0);filter:brightness(1)}50%{transform:perspective(1000px) rotateX(.5deg);filter:brightness(1.03)}}.animate-experimental-hover:hover{animation:experimental-hover .6s ease-in-out}@keyframes rainbow-shift{0%{background-position:0% 50%;filter:hue-rotate(0deg)}14%{background-position:14% 50%;filter:hue-rotate(51deg)}28%{background-position:28% 50%;filter:hue-rotate(102deg)}42%{background-position:42% 50%;filter:hue-rotate(153deg)}57%{background-position:57% 50%;filter:hue-rotate(204deg)}71%{background-position:71% 50%;filter:hue-rotate(255deg)}85%{background-position:85% 50%;filter:hue-rotate(306deg)}to{background-position:100% 50%;filter:hue-rotate(360deg)}}.animate-rainbow-shift{animation:rainbow-shift 4s linear infinite;background:linear-gradient(45deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3);background-size:400% 400%}.experimental-bubble{position:relative;overflow:hidden}.experimental-bubble:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.04) 1px,transparent 1px);background-size:25px 25px;animation:float-particles 20s linear infinite}@keyframes dna-rotate{0%{transform:rotateY(0) rotateX(0)}to{transform:rotateY(360deg) rotateX(15deg)}}.dna-helix{animation:dna-rotate 6s linear infinite}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.atomic-orbit{position:relative}.atomic-orbit:before,.atomic-orbit:after{content:"";position:absolute;border:1px solid rgba(99,102,241,.25);border-radius:50%;animation:orbit 10s linear infinite}.atomic-orbit:before{width:60px;height:60px;top:-30px;left:-30px}.atomic-orbit:after{width:80px;height:80px;top:-40px;left:-40px;animation-direction:reverse;animation-duration:15s;border-color:#a855f726}.experiment-loading{background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.4) 20%,rgba(168,85,247,.6) 50%,rgba(99,102,241,.4) 80%,transparent 100%);background-size:200% 100%;animation:experiment-load 2s ease-in-out infinite}@keyframes experiment-load{0%{background-position:-200% 0}to{background-position:200% 0}}.holographic{background:linear-gradient(45deg,#ff0096b3,#00ffffb3,#ffff00b3,#9600ffb3);background-size:400% 400%;animation:holographic-shift 3s ease infinite;filter:brightness(1.2) contrast(1.3)}@keyframes holographic-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.experiment-container{position:relative;background:linear-gradient(135deg,#6366f11a,#a855f71a,#ec48991a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.experiment-container:hover{transform:translateY(-5px);box-shadow:0 20px 40px #6366f133,0 0 80px #a855f71a,inset 0 0 20px #ffffff1a}@media (max-width: 480px){.animate-float-particles{animation-duration:9s}.animate-energy-pulse{animation-duration:6s}.experimental-glow{text-shadow:0 0 15px rgba(99,102,241,.2),0 0 30px rgba(168,85,247,.1)}.hero-title{text-shadow:0 0 20px rgba(99,102,241,.2),0 0 40px rgba(168,85,247,.1)}.glow-particle{box-shadow:0 0 10px currentColor}}@media (min-width: 768px) and (max-width: 1023px){.animate-float-particles{animation-duration:8s}.animate-energy-pulse{animation-duration:5.5s}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (hover: none) and (pointer: coarse){.group:hover .group-hover\:scale-x-100,.group:active .group-hover\:scale-x-100{transform:scaleX(1)}}@supports (height: 100svh){.supports-svh{height:100svh}}.caret-blinking{display:inline-block;width:.6ch}.will-transform{will-change:transform}html,body{height:100%}body{margin:0}