.universe-story-of-systems{--cyber-pink:#ff10f0;--cyber-cyan:#00d4ff;--cyber-purple:#9945ff;--cyber-dark:rgba(0,0,0,.85);--cyber-glass:rgba(0,0,0,.6);--cyber-border:rgba(255,16,240,.2)}.universe-story-of-systems .glass-panel{background:var(--cyber-glass);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--cyber-border);box-shadow:0 8px 32px rgba(255,16,240,.1),inset 0 0 60px rgba(0,212,255,.05)}.universe-story-of-systems .bg-gradient-to-r{filter:drop-shadow(0 0 20px rgba(255,16,240,.5));animation:cyber-glow 3s ease-in-out infinite}@keyframes cyber-glow{0%,to{filter:drop-shadow(0 0 20px rgba(255,16,240,.5))}50%{filter:drop-shadow(0 0 30px rgba(0,212,255,.7))}}.universe-story-of-systems a[role=button],.universe-story-of-systems button{position:relative;overflow:hidden}.universe-story-of-systems a[role=button]:before,.universe-story-of-systems button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:hsla(0,0%,100%,.1);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.universe-story-of-systems a[role=button]:hover:before,.universe-story-of-systems button:hover:before{width:300px;height:300px}.universe-story-of-systems .group:hover{box-shadow:0 10px 40px rgba(255,16,240,.3),0 0 30px rgba(0,212,255,.2),inset 0 0 20px rgba(153,69,255,.1)}.universe-story-of-systems .group{position:relative}.universe-story-of-systems .group:after{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(45deg,var(--cyber-pink),var(--cyber-cyan),var(--cyber-purple),var(--cyber-pink));border-radius:inherit;opacity:0;z-index:-1;transition:opacity .3s ease;background-size:300% 300%;animation:borderGradient 3s ease infinite}.universe-story-of-systems .group:hover:after{opacity:1}@keyframes borderGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.universe-story-of-systems .fixed.inset-0>div:last-child .absolute{box-shadow:0 0 10px currentColor}.universe-story-of-systems h2,.universe-story-of-systems h3,.universe-story-of-systems h4,.universe-story-of-systems p{text-shadow:0 0 10px rgba(0,0,0,.5)}.universe-prismos{--tech-cyan:#06b6d4;--tech-teal:#14b8a6;--tech-dark-cyan:#0891b2}.universe-prismos .group{background:rgba(6,182,212,.05);border-color:rgba(6,182,212,.3)}.universe-prismos .group:hover{background:rgba(6,182,212,.1);box-shadow:0 10px 40px rgba(6,182,212,.3),inset 0 0 20px rgba(20,184,166,.1)}.universe-morphodynamics{--math-orange:#f97316;--math-red:#dc2626;--math-light-orange:#fb923c}.universe-morphodynamics .group{background:rgba(249,115,22,.05);border-color:rgba(249,115,22,.3)}.universe-morphodynamics .group:hover{background:rgba(249,115,22,.1);box-shadow:0 10px 40px rgba(249,115,22,.3),inset 0 0 20px rgba(220,38,38,.1)}.universe-echoes-of-unraveling{--mystical-purple:#8b5cf6;--mystical-teal:#14b8a6;--mystical-violet:#7c3aed;--mystical-dark:rgba(0,0,0,.85);--mystical-glass:rgba(139,92,246,.05);--mystical-border:rgba(139,92,246,.2);--phi-frequency:1.618}.universe-echoes-of-unraveling:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 30% 50%,rgba(139,92,246,.15) 0,transparent 50%);animation:mystical-mist calc(8s * var(--phi-frequency)) ease-in-out infinite;pointer-events:none;z-index:0}@keyframes mystical-mist{0%,to{opacity:.3;transform:scale(1) translateX(0)}50%{opacity:.5;transform:scale(1.1) translateX(10px)}}.universe-echoes-of-unraveling .glass-panel,.universe-echoes-of-unraveling .group{background:var(--mystical-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--mystical-border);transition:all .2s ease;will-change:transform,box-shadow}.universe-echoes-of-unraveling .group:hover{transform:translateY(-4px);background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.4);box-shadow:0 20px 40px rgba(139,92,246,.3),0 0 60px rgba(20,184,166,.2),inset 0 0 30px rgba(124,58,237,.1)}.universe-echoes-of-unraveling .bg-gradient-to-r{background:linear-gradient(90deg,var(--mystical-purple),var(--mystical-teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(139,92,246,.5));animation:mystical-glow calc(3s * var(--phi-frequency)) ease-in-out infinite}@keyframes mystical-glow{0%,to{filter:drop-shadow(0 0 20px rgba(139,92,246,.5))}50%{filter:drop-shadow(0 0 30px rgba(20,184,166,.7))}}.universe-echoes-of-unraveling .fixed.inset-0>div:last-child .absolute{background:radial-gradient(circle,rgba(139,92,246,.8) 0,transparent 70%);box-shadow:0 0 20px rgba(139,92,246,.6);animation:ethereal-float calc(5s * var(--phi-frequency)) ease-in-out infinite}@keyframes ethereal-float{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-10px) scale(1.2);opacity:1}}.universe-echoes-of-unraveling a[role=button],.universe-echoes-of-unraveling button{position:relative;overflow:hidden;transition:all .15s ease}.universe-echoes-of-unraveling a[role=button]:before,.universe-echoes-of-unraveling button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(139,92,246,.3);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.universe-echoes-of-unraveling a[role=button]:hover:before,.universe-echoes-of-unraveling button:hover:before{width:200px;height:200px}.universe-echoes-of-unraveling h2,.universe-echoes-of-unraveling h3,.universe-echoes-of-unraveling h4,.universe-echoes-of-unraveling p{text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 20px rgba(139,92,246,.1)}.universe-echoes-of-unraveling .group{transform:translateZ(0);backface-visibility:hidden}.universe-echoes-of-unraveling .group:after{content:"";position:absolute;inset:-1px;background:linear-gradient(45deg,var(--mystical-purple),var(--mystical-teal),var(--mystical-violet),var(--mystical-purple));border-radius:inherit;opacity:0;z-index:-1;transition:opacity .2s ease;background-size:300% 300%;animation:mystical-border calc(3s * var(--phi-frequency)) ease infinite}.universe-echoes-of-unraveling .group:hover:after{opacity:.7}@keyframes mystical-border{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.universe-echoes-of-unraveling *{transform:translateZ(0);will-change:auto}.universe-echoes-of-unraveling .group:hover{will-change:transform,box-shadow}