.perspective-container{perspective:1500px}.perspective{perspective:1200px;transform-style:preserve-3d;position:relative}.thick-matter-button{transform-style:preserve-3d;will-change:transform,box-shadow;border-radius:50%;transition:transform .3s ease-out;box-shadow:0 10px 20px #00000080,0 6px 6px #0000004d,inset 0 -5px 15px #0000004d,inset 0 5px 15px #ffffff4d}.depth-layer{filter:blur(2px);opacity:.6;background:radial-gradient(circle,#fff3 0%,#0006 80%);border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0;transform:translateZ(-10px)}.highlight-layer{opacity:.6;filter:blur(3px);mix-blend-mode:overlay;pointer-events:none;background:linear-gradient(135deg,#0000 30%,#ffffff1a 45%,#fff3 50%,#ffffff1a 55%,#0000 70%);border-radius:50%;width:200%;height:200%;position:absolute;top:-50%;left:-50%;transform:translateZ(15px)rotate(45deg)}@keyframes refraction-shift{0%,to{opacity:.5;transform:translateZ(8px)scale(1)rotate(0)}50%{opacity:.7;transform:translateZ(8px)scale(1.05)rotate(10deg)}}.satellite-particle{z-index:20;width:10px;height:10px;transform-style:preserve-3d;background:#00aaffe6;border-radius:50%;animation:4s linear infinite orbit-close;position:absolute;top:5px;left:0;transform:translateZ(30px);box-shadow:0 0 8px #0afc,0 0 12px #0af6,inset 0 -2px 3px #0000004d,inset 0 2px 3px #ffffff80}@keyframes orbit-close{0%{transform:translateZ(30px)rotate(0)translate(20px)rotate(0)}to{transform:translateZ(30px)rotate(360deg)translate(20px)rotate(-360deg)}}@keyframes wave-emission-3d{0%{opacity:.5;transform:scale(.9)translateZ(0)}50%{opacity:0;transform:scale3d(1.5,1.5,1.2)translateZ(5px)}to{opacity:0;transform:scale3d(1.8,1.8,1.4)translateZ(10px)}}.wave-emission{opacity:0;width:100%;height:100%;transform-style:preserve-3d;background:radial-gradient(circle,#ffffff4d 0%,#0000 70%);border-radius:50%;position:absolute;inset:0;transform:scale(.9)}.wave-1{animation:2.2s cubic-bezier(.215,.61,.355,1) infinite wave-emission-3d}.wave-2{animation:2.2s cubic-bezier(.215,.61,.355,1) .55s infinite wave-emission-3d}.wave-3{animation:2.2s cubic-bezier(.215,.61,.355,1) 1.1s infinite wave-emission-3d}.wave-4{animation:2.2s cubic-bezier(.215,.61,.355,1) 1.65s infinite wave-emission-3d}@keyframes fluid-mix-3d-alive{0%{filter:hue-rotate()brightness();background-position:0 0;border-radius:70% 30% 40% 60%/60% 40% 70% 30%;transform:translateZ(0)rotate(0)}20%{filter:hue-rotate(60deg)brightness(1.2);background-position:100% 30%;border-radius:30% 70% 60% 40%/40% 50% 50% 60%;transform:translateZ(7px)rotate(72deg)}40%{filter:hue-rotate(120deg)brightness(1.4);background-position:60% 100%;border-radius:50% 50% 30% 70%/40% 60% 30% 70%;transform:translateZ(10px)rotate(144deg)}60%{filter:hue-rotate(180deg)brightness(1.3);background-position:20%;border-radius:65% 35% 20% 80%/40% 60% 35% 65%;transform:translateZ(5px)rotate(216deg)}80%{filter:hue-rotate(240deg)brightness(1.1);background-position:70% 30%;border-radius:35% 65% 75% 25%/70% 20% 80% 30%;transform:translateZ(8px)rotate(288deg)}to{filter:hue-rotate(360deg)brightness();background-position:0 0;border-radius:70% 30% 40% 60%/60% 40% 70% 30%;transform:translateZ(0)rotate(360deg)}}.morphing-bg{filter:saturate(1.7)brightness(1.1);mix-blend-mode:lighten;transform-style:preserve-3d;background:linear-gradient(135deg,#06f 0%,#0af 15%,#0ff 30%,#40f 45%,#f0f 60%,#fc0 75%,#ffc125 90%,#06f 100%) 0 0/400% 400%;animation:15s ease-in-out infinite fluid-mix-3d-alive;box-shadow:inset 0 0 30px #fff3,inset 0 0 60px #0af3,inset 0 0 90px #ffcc001a}.substance-effect{border-radius:inherit;opacity:.4;transform-style:preserve-3d;background:radial-gradient(circle at 50% 120%,#ffffff4d 0%,#0003 80%);animation:8s ease-in-out infinite alternate inner-fluid-movement;position:absolute;inset:0;box-shadow:inset 0 -10px 20px #0000004d}@keyframes inner-fluid-movement{0%{opacity:.3;border-radius:40% 60% 70% 30%/40% 40% 60% 60%;transform:translateZ(5px)rotate(0)}50%{opacity:.5;border-radius:60% 40% 30% 70%/70% 50% 50% 30%;transform:translateZ(15px)rotate(180deg)}to{opacity:.3;border-radius:50% 50% 40% 60%/30% 60% 40% 70%;transform:translateZ(5px)rotate(360deg)}}@keyframes fluid-core-colors-3d-intense{0%{background:radial-gradient(circle,#ffffffe6 0%,#ffd70080 30%,#06f6 60%,#6400ff1a 100%);transform:translateZ(25px)scale(1)rotate(0);box-shadow:0 0 20px #ffffffb3,0 0 40px #0066ff80,inset 0 2px 5px #ffffff80,inset 0 -2px 5px #0000004d}25%{background:radial-gradient(circle,#ffffffe6 0%,#0066ff80 30%,#ffd70066 60%,#ff007f1a 100%);transform:translateZ(35px)scale3d(1.3,1.3,1.5)rotate(90deg);box-shadow:0 0 30px #fffc,0 0 60px #ffd70099,inset 0 3px 6px #fff9,inset 0 -3px 6px #0006}50%{background:radial-gradient(circle,#ffffffe6 0%,#00aaff80 30%,#ffc12566 60%,#00ff7f1a 100%);transform:translateZ(30px)scale3d(1.1,1.1,1.2)rotate(180deg);box-shadow:0 0 25px #ffffffb3,0 0 50px #00aaff80,inset 0 2px 5px #ffffff80,inset 0 -2px 5px #0000004d}75%{background:radial-gradient(circle,#ffffffe6 0%,#ff800080 30%,#0080ff66 60%,#8000ff1a 100%);transform:translateZ(35px)scale3d(1.3,1.3,1.5)rotate(270deg);box-shadow:0 0 30px #fffc,0 0 60px #0080ff99,inset 0 3px 6px #fff9,inset 0 -3px 6px #0006}to{background:radial-gradient(circle,#ffffffe6 0%,#ffd70080 30%,#06f6 60%,#6400ff1a 100%);transform:translateZ(25px)scale(1)rotate(360deg);box-shadow:0 0 20px #ffffffb3,0 0 40px #0066ff80,inset 0 2px 5px #ffffff80,inset 0 -2px 5px #0000004d}}@keyframes core-pulse-3d-heartbeat{0%,to{filter:brightness(.8);border-radius:50%;transform:translateZ(25px)scale3d(.9,.9,.9)rotate(0)}10%{filter:brightness(1.2);border-radius:45% 55% 52% 48%/48% 52%;transform:translateZ(30px)scale3d(1.1,1.1,1.3)rotate(10deg)}15%{filter:brightness(.9);border-radius:50%;transform:translateZ(25px)scale3d(.95,.95,.9)rotate(15deg)}25%{filter:brightness(1.5);border-radius:52% 48% 45% 55%/55% 45%;transform:translateZ(38px)scale3d(1.4,1.4,1.6)rotate(25deg)}35%{filter:brightness(.8);border-radius:50%;transform:translateZ(25px)scale3d(.9,.9,.8)rotate(35deg)}65%{filter:brightness();border-radius:49% 51% 51% 49%/49% 51%;transform:translateZ(28px)scale(1)rotate(65deg)}80%{filter:brightness(1.4);border-radius:54% 46% 48% 52%/46% 54%;transform:translateZ(35px)scale3d(1.3,1.3,1.5)rotate(80deg)}85%{filter:brightness(.8);border-radius:50%;transform:translateZ(25px)scale3d(.9,.9,.9)rotate(85deg)}}.inner-core{filter:contrast(1.2);background-blend-mode:overlay;width:26px;height:26px;transform-style:preserve-3d;border-radius:50%;animation:1s cubic-bezier(.215,.61,.355,1) infinite core-pulse-3d-heartbeat,8s linear infinite fluid-core-colors-3d-intense;transform:translateZ(25px)}.core-highlight{opacity:.5;background:radial-gradient(circle at 30% 30%,#fffc 0%,#0000 50%);border-radius:50%;animation:1s cubic-bezier(.25,.46,.45,.94) infinite core-highlight-pulse;inset:0}.core-halo{filter:blur(5px);background:radial-gradient(circle,#fff6 0%,#0af3 30%,#ffcc001a 60%,#0000 100%);border-radius:50%;animation:1s ease-in-out infinite alternate halo-pulse;inset:-10px}@keyframes core-highlight-pulse{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:.7;transform:scale(1.1)}}@keyframes halo-pulse{0%{opacity:.2;transform:scale(.8)}to{opacity:.6;transform:scale(1.2)}}.orbital-system{transform-style:preserve-3d;justify-content:center;align-items:center;animation:15s ease-in-out infinite alternate orbit-system-tilt;display:flex}@keyframes orbit-system-tilt{0%,to{transform:rotateX(5deg)rotateY(-5deg)}50%{transform:rotateX(-5deg)rotateY(5deg)}}@keyframes orbital-rotation-1-3d{0%{transform:translateZ(10px)rotate(0)rotateX(60deg)rotateY(0)}to{transform:translateZ(10px)rotate(360deg)rotateX(60deg)rotateY(0)}}@keyframes orbital-rotation-2-3d{0%{transform:translateZ(5px)rotate(0)rotateX(0)rotateY(60deg)}to{transform:translateZ(5px)rotate(360deg)rotateX(0)rotateY(60deg)}}@keyframes orbital-rotation-3-3d{0%{transform:translateZ(15px)rotate(90deg)rotateX(30deg)rotateY(30deg)}to{transform:translateZ(15px)rotate(450deg)rotateX(30deg)rotateY(30deg)}}.orbital-ring{width:100%;height:100%;transform-style:preserve-3d;border:1px solid #0000;border-radius:50%;position:absolute;top:0;left:0;box-shadow:0 0 10px #ffffff1a}.orbital-ring-1{border-top:1.5px solid #0066ffe6;border-bottom:1.5px solid #0066ff4d;animation:8s linear infinite orbital-rotation-1-3d}.orbital-ring-2{border-left:1.5px solid #ffcc00e6;border-right:1.5px solid #ffcc004d;animation:12s linear infinite orbital-rotation-2-3d}.orbital-ring-3{border-top:1.5px solid #00aaffe6;border-bottom:1.5px solid #00aaff4d;animation:10s linear infinite orbital-rotation-3-3d}@keyframes particle-orbit-3d-dynamic{0%{transform:rotateZ(var(--start-deg))translateX(var(--orbit-radius))translateZ(var(--z-offset))scale3d(.8,.8,1);opacity:.4;filter:hue-rotate()brightness();box-shadow:0 0 var(--glow-size)var(--color),0 0 calc(var(--glow-size)*2)var(--color-transparent)}25%{transform:rotateZ(calc(var(--start-deg) + 90deg))translateX(calc(var(--orbit-radius) + 5px))translateZ(calc(var(--z-offset) + 8px))scale3d(1.3,1.3,1.5);opacity:1;filter:hue-rotate(90deg)brightness(1.3);box-shadow:0 0 calc(var(--glow-size)*2)var(--color),0 0 calc(var(--glow-size)*4)var(--color-transparent)}50%{transform:rotateZ(calc(var(--start-deg) + 180deg))translateX(var(--orbit-radius))translateZ(var(--z-offset))scale3d(.6,.6,.8);opacity:.3;filter:hue-rotate(180deg)brightness(.9);box-shadow:0 0 var(--glow-size)var(--color),0 0 calc(var(--glow-size)*1.5)var(--color-transparent)}75%{transform:rotateZ(calc(var(--start-deg) + 270deg))translateX(calc(var(--orbit-radius) + 8px))translateZ(calc(var(--z-offset) - 5px))scale3d(1.4,1.4,1.7);opacity:1;filter:hue-rotate(270deg)brightness(1.5);box-shadow:0 0 calc(var(--glow-size)*2.5)var(--color),0 0 calc(var(--glow-size)*5)var(--color-transparent)}to{transform:rotateZ(calc(var(--start-deg) + 360deg))translateX(var(--orbit-radius))translateZ(var(--z-offset))scale3d(.8,.8,1);opacity:.4;filter:hue-rotate(360deg)brightness();box-shadow:0 0 var(--glow-size)var(--color),0 0 calc(var(--glow-size)*2)var(--color-transparent)}}.particle{filter:blur(.5px);transform-origin:50%;width:7px;height:7px;transform-style:preserve-3d;border-radius:50%;animation-name:particle-orbit-3d-dynamic;animation-timing-function:ease;position:absolute;top:50%;left:50%}.particle-glow{background:inherit;filter:blur(2px);opacity:.5;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translateZ(-1px)}.particle-1{--start-deg:0deg;--orbit-radius:45px;--z-offset:20px;--color:#06f;--color-transparent:#0066ff80;--glow-size:10px;background:#06f;animation:5s linear infinite particle-orbit-3d-dynamic;box-shadow:0 0 10px #06f,0 0 20px #0066ff80}.particle-2{--start-deg:60deg;--orbit-radius:42px;--z-offset:15px;--color:#fc0;--color-transparent:#ffcc0080;--glow-size:10px;background:#fc0;animation:8s linear infinite particle-orbit-3d-dynamic;box-shadow:0 0 10px #fc0,0 0 20px #ffcc0080}.particle-3{--start-deg:120deg;--orbit-radius:48px;--z-offset:10px;--color:#0af;--color-transparent:#00aaff80;--glow-size:10px;background:#0af;animation:13s linear infinite particle-orbit-3d-dynamic;box-shadow:0 0 10px #0af,0 0 20px #00aaff80}.particle-4{--start-deg:180deg;--orbit-radius:38px;--z-offset:25px;--color:gold;--color-transparent:#ffd70080;--glow-size:10px;background:gold;animation:21s linear infinite particle-orbit-3d-dynamic;box-shadow:0 0 10px gold,0 0 20px #ffd70080}.particle-5{--start-deg:240deg;--orbit-radius:52px;--z-offset:12px;--color:#1e90ff;--color-transparent:#1e90ff80;--glow-size:10px;background:#1e90ff;animation:34s linear infinite particle-orbit-3d-dynamic;box-shadow:0 0 10px #1e90ff,0 0 20px #1e90ff80}.particle-6{--start-deg:300deg;--orbit-radius:46px;--z-offset:18px;--color:#ffc125;--color-transparent:#ffc12580;--glow-size:10px;background:#ffc125;animation:18s linear infinite particle-orbit-3d-dynamic;box-shadow:0 0 10px #ffc125,0 0 20px #ffc12580}@keyframes heartbeat-intense{0%{opacity:.2;border-radius:50%;transform:scale(1);box-shadow:0 0 10px #06f3}10%{opacity:.4;border-radius:48% 52% 55% 45%/52% 48%;transform:scale3d(1.08,1.08,1.2);box-shadow:0 0 20px #0066ff4d}20%{opacity:.2;border-radius:51% 49% 47% 53%/47% 53%;transform:scale3d(.95,.95,.9);box-shadow:0 0 10px #06f3}30%{opacity:.5;border-radius:45% 55% 60% 40%/55% 45% 60% 40%;transform:scale3d(1.1,1.1,1.3);box-shadow:0 0 30px #06f6}45%{opacity:.2;border-radius:50% 50% 48% 52%/52% 48% 50% 50%;transform:scale3d(.9,.9,.8);box-shadow:0 0 10px #06f3}60%{opacity:.3;border-radius:50%;transform:scale(1);box-shadow:0 0 15px #0066ff40}to{opacity:.2;border-radius:50%;transform:scale(1);box-shadow:0 0 10px #06f3}}.heartbeat-pulse{transform-style:preserve-3d;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);animation:1s cubic-bezier(.215,.61,.355,1) infinite heartbeat-intense}.living-matter{animation:10s ease-in-out infinite alternate living-matter-float,30s linear infinite living-matter-rotate}@keyframes living-matter-float{0%{transform:translateY(0)translate(0)}to{transform:translateY(-10px)translate(5px)}}@keyframes living-matter-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.inner-fluid-layer{opacity:.4;transform-style:preserve-3d;pointer-events:none;border-radius:50%;position:absolute;inset:0}.layer-1{filter:blur(2px);background:radial-gradient(circle at 30% 40%,#06f3 0%,#ffcc001a 50%,#0000 80%);animation:8s ease-in-out infinite alternate fluid-layer-1;transform:translateZ(10px)}.layer-2{filter:blur(3px);background:radial-gradient(circle at 70% 30%,#fc03 0%,#00aaff1a 50%,#0000 80%);animation:12s ease-in-out infinite alternate-reverse fluid-layer-2;transform:translateZ(15px)}.layer-3{filter:blur(4px);background:radial-gradient(circle at 50% 60%,#0af3 0%,#ffd7001a 50%,#0000 80%);animation:10s ease-in-out infinite alternate fluid-layer-3;transform:translateZ(20px)}@keyframes fluid-layer-1{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;transform:translateZ(10px)rotate(0)}to{border-radius:70% 30% 30% 70%/70% 70% 30% 30%;transform:translateZ(15px)rotate(60deg)}}@keyframes fluid-layer-2{0%{border-radius:70% 30% 50% 50%/30% 50% 50% 70%;transform:translateZ(15px)rotate(0)}to{border-radius:50% 50% 70% 30%/50% 70% 30% 50%;transform:translateZ(20px)rotate(-90deg)}}@keyframes fluid-layer-3{0%{border-radius:50% 50% 30% 70%/60% 40%;transform:translateZ(20px)rotate(0)}to{border-radius:40% 60% 60% 40%/30% 60% 40% 70%;transform:translateZ(25px)rotate(120deg)}}.vortex-container{pointer-events:none;width:100%;height:100%;transform-style:preserve-3d;opacity:.4;position:absolute}.vortex{transform-style:preserve-3d;opacity:.25;filter:blur(3px);border-radius:50%;position:absolute;inset:0}.vortex-1{background:conic-gradient(#06f0 0%,#06f3 25%,#ffcc004d 50%,#0af3 75%,#06f0 100%);animation:15s linear infinite vortex-spin-1;transform:translateZ(8px)}.vortex-2{background:conic-gradient(from 180deg,#fc00 0%,#fc03 25%,#0066ff4d 50%,#ffd70033 75%,#fc00 100%);animation:10s linear infinite vortex-spin-2;transform:translateZ(12px)}@keyframes vortex-spin-1{0%{opacity:.2;transform:translateZ(8px)rotate(0)}50%{opacity:.4;transform:translateZ(10px)rotate(180deg)}to{opacity:.2;transform:translateZ(8px)rotate(360deg)}}@keyframes vortex-spin-2{0%{opacity:.2;transform:translateZ(12px)rotate(0)}50%{opacity:.35;transform:translateZ(14px)rotate(-180deg)}to{opacity:.2;transform:translateZ(12px)rotate(-360deg)}}.nucleus-container{transform-style:preserve-3d;animation:12s ease-in-out infinite alternate nucleus-orbit}@keyframes nucleus-orbit{0%{transform:translate(-2px)translateY(-2px)rotate(0)}33%{transform:translate(3px)translateY(1px)rotate(120deg)}66%{transform:translate(-1px)translateY(3px)rotate(240deg)}to{transform:translate(2px)translateY(-3px)rotate(360deg)}}@keyframes ripple{0%{opacity:1;background:radial-gradient(circle,#fffc 0%,#0066ff80 50%,#fc03 70%);transform:scale(.1)}50%{opacity:.8;background:radial-gradient(circle,#ffffff80 0%,#0af6 40%,#ffd7004d 70%);transform:scale(1.5)}to{opacity:0;background:radial-gradient(circle,#ffffff4d 0%,#1e90ff33 40%,#ffc1251a 70%);transform:scale(2.5)}}.ripple-effect{mix-blend-mode:screen;background:radial-gradient(circle,#fffc 0%,#ffffff1a 70%);border-radius:50%;width:100%;height:100%;animation:.7s cubic-bezier(.25,.46,.45,.94) forwards ripple;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.1)}@keyframes color-shift-animation{0%{filter:hue-rotate()saturate(1.5)}50%{filter:hue-rotate(180deg)saturate(2.5)}to{filter:hue-rotate()saturate(1.5)}}.color-shift{animation:1s ease-in-out color-shift-animation}@keyframes attention-pulse{0%,to{opacity:.2;transform:scale(.9)translate(-16px,-16px)}50%{opacity:.5;transform:scale(1.1)translate(-16px,-16px)}}.attention-indicator{background:#06f;border-radius:50%;width:8px;height:8px;animation:3s ease-in-out infinite attention-pulse;box-shadow:0 0 10px #0066ffb3}.attention-indicator:nth-child(2){background:#fc0;animation-delay:1.5s;box-shadow:0 0 10px #ffcc00b3}@keyframes text-glow{0%,to{text-shadow:0 0 5px #ffffffb3,0 0 10px #ffffff80}50%{text-shadow:0 0 8px #ffffffe6,0 0 15px #ffffffb3,0 0 20px #0066ff80}}.text-glow{letter-spacing:1px;animation:3s ease-in-out infinite text-glow}.icon-container-wrapper{transform-style:preserve-3d;z-index:30;animation:30s linear infinite counter-rotate}@keyframes counter-rotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.icon-container{justify-content:center;align-items:center;width:100%;height:100%;animation:7s ease-in-out infinite alternate icon-container-float;display:flex;position:relative}@keyframes icon-container-float{0%{transform:translateY(-2px)scale(.98)}50%{transform:translateY(3px)scale(1.02)rotate(5deg)}to{transform:translateY(1px)scale(1)rotate(-5deg)}}.alternating-element{opacity:0;filter:drop-shadow(0 0 8px #fff9);position:absolute;transform:translateY(8px)scale(.9)}@keyframes fade-in-out{0%,33%,to{opacity:0}5%,28%{opacity:1}}@keyframes text-float-animation{0%,to{transform:translateY(0)scale(1)}25%{transform:translateY(-3px)scale(1.05)rotate(1deg)}50%{transform:translateY(2px)scale(.98)rotate(-1deg)}75%{transform:translateY(-1px)scale(1.02)rotate(2deg)}}@keyframes mic-float-animation{0%,to{transform:translateY(0)scale(1)rotate(0)}30%{transform:translateY(2px)scale(1.03)rotate(5deg)}70%{transform:translateY(-3px)scale(.97)rotate(-3deg)}}@keyframes chat-float-animation{0%,to{transform:translateY(0)scale(1)rotate(0)}40%{transform:translateY(-2px)scale(1.05)rotate(-4deg)}80%{transform:translateY(3px)scale(.98)rotate(2deg)}}.text-element{animation:9s infinite fade-in-out,4s ease-in-out infinite text-float-animation}.mic-element{animation:9s 3s infinite fade-in-out,5s ease-in-out infinite mic-float-animation}.chat-element{animation:9s 6s infinite fade-in-out,6s ease-in-out infinite chat-float-animation}
