:root{--glass-bg:#0a0f1e99;--glass-border:#3b82f626;--glass-highlight:#3b82f61a;--glow-primary:#3b82f666;--glow-secondary:#06b6d44d;--glow-accent:#6366f14d}.glass{-webkit-backdrop-filter:blur(24px)saturate(180%);background:#0a0f1eb3;border:1px solid #3b82f626;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d,inset 0 -1px #ffffff05}.glass-dark{-webkit-backdrop-filter:blur(24px)saturate(200%);background:#020617cc;border:1px solid #3b82f61a;box-shadow:0 8px 32px #00000080,inset 0 1px #3b82f60d}.glass-light{-webkit-backdrop-filter:blur(20px)saturate(150%);background:#0f172a99;border:1px solid #3b82f633;box-shadow:0 4px 24px #0000004d,inset 0 1px #ffffff0d}.glass-shine{position:relative;overflow:hidden}.glass-shine:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 40%,#3b82f614 45%,#3b82f626 50%,#3b82f614 55%,#0000 60%);transition:transform .8s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;transform:translate(-100%)}.glass-shine:hover:before{transform:translate(100%)}.glass-glow{position:relative}.glass-glow:after{content:"";border-radius:inherit;z-index:-1;opacity:0;filter:blur(20px);background:linear-gradient(135deg,#3b82f666,#06b6d44d,#6366f14d);transition:opacity .4s;position:absolute;inset:-2px}.glass-glow:hover:after{opacity:1}.glass-card{transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1)}.glass-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px #0006,0 0 40px #3b82f61a,inset 0 1px #ffffff1a}.glass-button{-webkit-backdrop-filter:blur(12px);background:#3b82f61a;border:1px solid #3b82f633;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-button:hover{background:#3b82f633;border-color:#3b82f666;transform:scale(1.02);box-shadow:0 0 30px #3b82f633}.glass-button:active{transform:scale(.98)}.glass-button-primary{color:#fff;background:linear-gradient(135deg,#3b82f6e6,#06b6d4cc);border:1px solid #ffffff1a}.glass-button-primary:hover{background:linear-gradient(135deg,#3b82f6,#06b6d4f2);box-shadow:0 0 40px #3b82f666}.glass-navbar{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#020617cc;border-bottom:1px solid #3b82f61a;box-shadow:0 4px 30px #0000004d}.gradient-bg{background:linear-gradient(#020617 0%,#0a0f1e 25%,#0c1425 50%,#0a0f1e 75%,#020617 100%)}.gradient-mesh{background:radial-gradient(80% 50% at 50% -20%,#3b82f626 0%,#0000 50%),radial-gradient(at 70% 30%,#06b6d41a 0%,#0000 50%),radial-gradient(at 30% 70%,#6366f114 0%,#0000 50%),radial-gradient(at 90% 80%,#3b82f60f 0%,#0000 40%),linear-gradient(#020617 0%,#0a0f1e 50%,#020617 100%)}.gradient-orb{filter:blur(100px);opacity:.4;border-radius:50%;animation:25s ease-in-out infinite float;position:absolute}.gradient-orb-1{background:#3b82f640;width:700px;height:700px;animation-delay:0s;top:-300px;left:-200px}.gradient-orb-2{background:#06b6d433;width:500px;height:500px;animation-delay:-8s;top:40%;right:-200px}.gradient-orb-3{background:#6366f126;width:400px;height:400px;animation-delay:-15s;bottom:-150px;left:25%}@keyframes float{0%,to{transform:translate(0)scale(1)}25%{transform:translate(40px,-40px)scale(1.1)}50%{transform:translate(-30px,30px)scale(.95)}75%{transform:translate(25px,15px)scale(1.05)}}.shape-3d-container{perspective:1200px;transform-style:preserve-3d}.shape-3d{transform-style:preserve-3d;animation:30s linear infinite rotate3d}@keyframes rotate3d{0%{transform:rotateX(0)rotateY(0)}to{transform:rotateX(360deg)rotateY(360deg)}}.glass-face{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#3b82f61a 0%,#06b6d40d 50%,#6366f114 100%);border:1px solid #3b82f626;box-shadow:inset 0 0 40px #3b82f60d,0 0 20px #3b82f61a}.text-gradient{background:linear-gradient(135deg,#fff 0%,#ffffffe6 30%,#60a5fa 70%,#38bdf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-primary{background:linear-gradient(135deg,#3b82f6 0%,#06b6d4 50%,#60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.brand-spawner{font-family:var(--font-geist-mono);background:linear-gradient(135deg,#3b82f6 0%,#06b6d4 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-weight:600}.reveal{opacity:0;transition:opacity 1s cubic-bezier(.4,0,.2,1),transform 1s cubic-bezier(.4,0,.2,1);transform:translateY(40px)}.reveal.active{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-60px)}.reveal-left.active{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(60px)}.reveal-right.active{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.85)}.reveal-scale.active{opacity:1;transform:scale(1)}.stagger-children>*{opacity:0;transform:translateY(30px)}.stagger-children.active>:first-child{transition-delay:0s}.stagger-children.active>:nth-child(2){transition-delay:.1s}.stagger-children.active>:nth-child(3){transition-delay:.2s}.stagger-children.active>:nth-child(4){transition-delay:.3s}.stagger-children.active>:nth-child(5){transition-delay:.4s}.stagger-children.active>:nth-child(6){transition-delay:.5s}.stagger-children.active>*{opacity:1;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);transform:translateY(0)}.noise-overlay{pointer-events:none;z-index:9999;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}.glow-line{background:linear-gradient(90deg,#0000 0%,#3b82f680 50%,#0000 100%);height:1px}.glow-line-vertical{background:linear-gradient(#0000 0%,#3b82f680 50%,#0000 100%);width:1px}.cube-rotate{will-change:transform;animation:30s linear infinite cubeRotate}@keyframes cubeRotate{0%{transform:rotateY(0)rotateX(0)}to{transform:rotateY(360deg)rotateX(180deg)}}.particle-float{will-change:transform,opacity;animation:5s ease-in-out infinite particleFloat}@keyframes particleFloat{0%,to{opacity:.3;transform:translateY(0)scale(1)}50%{opacity:.7;transform:translateY(-30px)scale(1.2)}}.orbital-ring{will-change:transform;transform-style:preserve-3d;animation:25s linear infinite orbitalSpin}@keyframes orbitalSpin{0%{transform:rotateX(70deg)rotate(0)}to{transform:rotateX(70deg)rotate(360deg)}}.neural-rotate{will-change:transform;animation:40s linear infinite neuralRotate}@keyframes neuralRotate{0%{transform:rotateY(0)rotateX(5deg)}50%{transform:rotateY(180deg)rotateX(-5deg)}to{transform:rotateY(360deg)rotateX(5deg)}}.sphere-counter-rotate{will-change:transform;animation:40s linear infinite sphereCounterRotate}@keyframes sphereCounterRotate{0%{transform:rotateX(-5deg)rotateY(0)}50%{transform:rotateX(5deg)rotateY(-180deg)}to{transform:rotateX(-5deg)rotateY(-360deg)}}.core-pulse{will-change:transform,box-shadow;animation:3s ease-in-out infinite corePulse}@keyframes corePulse{0%,to{transform:translateZ(0)scale(1);box-shadow:0 0 60px #3b82f699,0 0 120px #3b82f64d,inset 0 0 30px #fff3}50%{transform:translateZ(0)scale(1.1);box-shadow:0 0 80px #3b82f6cc,0 0 150px #3b82f666,inset 0 0 40px #ffffff4d}}.node-pulse{will-change:opacity,transform;animation:2s ease-in-out infinite nodePulse}@keyframes nodePulse{0%,to{opacity:.7}50%{opacity:1}}.connection-line{will-change:opacity;animation:3s ease-in-out infinite lineGlow}@keyframes lineGlow{0%,to{opacity:.3;stroke-width:1px}50%{opacity:.8;stroke-width:1.5px}}.orbital-ring-1,.orbital-ring-2,.orbital-ring-3{transform-style:preserve-3d}.ring-particle-1{will-change:transform;animation:8s linear infinite particleOrbit1}@keyframes particleOrbit1{0%{transform:rotate(0)translateY(-140px)rotate(0)}to{transform:rotate(360deg)translateY(-140px)rotate(-360deg)}}.ring-particle-2{will-change:transform;animation:12s linear infinite reverse particleOrbit2}@keyframes particleOrbit2{0%{transform:rotate(0)translateY(-160px)rotate(0)}to{transform:rotate(360deg)translateY(-160px)rotate(-360deg)}}.ring-particle-3{will-change:transform;animation:10s linear infinite particleOrbit3}@keyframes particleOrbit3{0%{transform:rotate(0)translateY(-130px)rotate(0)}to{transform:rotate(360deg)translateY(-130px)rotate(-360deg)}}.energy-particle{will-change:transform,opacity;animation:4s ease-in-out infinite energyFloat}@keyframes energyFloat{0%,to{opacity:.3;transform:translateY(0)translate(0)scale(1)}25%{opacity:.7;transform:translateY(-20px)translate(10px)scale(1.3)}50%{opacity:.5;transform:translateY(-10px)translate(-15px)scale(1)}75%{opacity:.8;transform:translateY(-25px)translate(5px)scale(1.2)}}.logo-rotate{will-change:transform;animation:20s linear infinite logoRotate}@keyframes logoRotate{0%{transform:rotateY(0)rotateX(5deg)}50%{transform:rotateY(180deg)rotateX(-5deg)}to{transform:rotateY(360deg)rotateX(5deg)}}.ring-orbit-1,.ring-orbit-2{transform-style:preserve-3d}.logo-particle-1{will-change:transform;animation:4s linear infinite logoParticleOrbit1}@keyframes logoParticleOrbit1{0%{transform:rotate(0)translateY(-16px)rotate(0)}to{transform:rotate(360deg)translateY(-16px)rotate(-360deg)}}.logo-particle-2{will-change:transform;animation:6s linear infinite reverse logoParticleOrbit2}@keyframes logoParticleOrbit2{0%{transform:rotate(0)translateY(-18px)rotate(0)}to{transform:rotate(360deg)translateY(-18px)rotate(-360deg)}}@media (prefers-reduced-motion:reduce){.cube-rotate,.particle-float,.orbital-ring,.orbital-ring-1,.orbital-ring-2,.orbital-ring-3,.ring-particle-1,.ring-particle-2,.ring-particle-3,.neural-rotate,.sphere-counter-rotate,.core-pulse,.node-pulse,.connection-line,.energy-particle,.gradient-orb,.logo-rotate,.logo-particle-1,.logo-particle-2{animation:none}}