.optimized-layer{contain:layout style paint;content-visibility:auto;transform:translateZ(0);will-change:transform}.cable-bg{fill:none;stroke:#475569;stroke-width:1.5;opacity:.6}.data-flow{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-dasharray:100,2000;filter:drop-shadow(0 0 2px #22d3ee);animation:cometFlow linear infinite;will-change:stroke-dashoffset;transform:translateZ(0)}.data-flow.highlighted{stroke-width:3;filter:drop-shadow(0 0 4px #67e8f9);stroke:#cffafe}@keyframes cometFlow{0%{stroke-dashoffset:2100}to{stroke-dashoffset:0}}@keyframes equalizer{0%,to{height:30%}50%{height:100%}}.chaos-node{position:absolute;padding:6px 10px;background:#1e293be6;border:1px solid rgba(248,113,113,.3);border-radius:8px;color:#f8fafc;font-size:11px;box-shadow:0 0 10px #f871711a}.chaos-line{stroke:#f8717166;stroke-width:1.5;stroke-dasharray:3 6;opacity:.6;animation:chaos-pulse 2s ease-in-out infinite}@keyframes chaos-pulse{0%,to{opacity:.4}50%{opacity:.9}}.uns-core{position:relative;width:120px;height:120px;border-radius:9999px;background:radial-gradient(circle at 30% 30%,#22d3ee33,#0f172ae6);border:1px solid rgba(34,211,238,.4);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #22d3ee40;animation:pulse-slow 6s ease-in-out infinite}.uns-core-inner{font-weight:800;color:#fff;letter-spacing:.2em;font-size:12px}.uns-node{position:absolute;padding:8px 10px;background:#0f172ad9;border:1px solid rgba(148,163,184,.4);border-radius:10px;color:#e2e8f0;font-size:11px;box-shadow:0 0 15px #22d3ee1f}.uns-line{stroke:#22d3ee40;stroke-width:2;stroke-linecap:round;stroke-dasharray:4 4;animation:uns-flow 1.6s ease-in-out infinite}@keyframes uns-flow{0%{stroke-dashoffset:20;opacity:.3}50%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-20;opacity:.3}}.node-icon-container{position:relative;z-index:10;transition:transform .15s cubic-bezier(.34,1.56,.64,1);will-change:transform;transform:translateZ(0)}.node-icon-container:hover{transform:scale(1.1) translateZ(0);z-index:20}.node-active .node-circle{background:#06b6d433;border-color:#22d3ee;box-shadow:0 0 15px #22d3ee66}.bus-container-pro{background:#0f172ae6;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);box-shadow:0 0 40px -15px #06b6d426,inset 0 0 20px #00000080;position:relative;overflow:hidden;contain:layout paint;transform:translateZ(0)}.tech-pattern{background-image:radial-gradient(rgba(34,211,238,.1) 1px,transparent 1px);background-size:10px 10px;opacity:.3}.module-card{background:linear-gradient(145deg,#0f172a,#020617);border:1px solid #1e293b;box-shadow:inset 0 1px #ffffff0d;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;position:relative;z-index:10;animation:processFlow 3s infinite ease-in-out;opacity:.8;will-change:border-color,box-shadow;transform:translateZ(0)}.seq-1{animation-delay:0s}.seq-2{animation-delay:.5s}.seq-3{animation-delay:1s}.seq-4{animation-delay:1.5s}.seq-5{animation-delay:2s}.seq-6{animation-delay:2.5s}@keyframes processFlow{0%,to{border-color:#1e293b;box-shadow:none}50%{border-color:#22d3ee;box-shadow:0 0 12px #22d3ee40}}.progress-bar-fill{width:0%;background:#22d3ee;height:100%;animation:fillBar 3s infinite ease-in-out;will-change:width,opacity;transform:translateZ(0)}@keyframes fillBar{0%{width:0%;opacity:0}10%{opacity:1}50%{width:100%;opacity:1}90%{width:100%;opacity:0}to{width:0%;opacity:0}}.seq-1 .progress-bar-fill{animation-delay:0s}.seq-2 .progress-bar-fill{animation-delay:.5s}.seq-3 .progress-bar-fill{animation-delay:1s}.seq-4 .progress-bar-fill{animation-delay:1.5s}.seq-5 .progress-bar-fill{animation-delay:2s}.seq-6 .progress-bar-fill{animation-delay:2.5s}.status-led{width:4px;height:4px;border-radius:50%;background-color:#334155;box-shadow:0 0 2px #334155;transition:background-color .15s}.bus-connector{position:absolute;top:50%;transform:translateY(-50%);height:2px;width:100%;left:0;background:#1e293b;z-index:1}.bus-connector:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,#22d3ee,transparent);background-size:50% 100%;background-repeat:no-repeat;opacity:.3;animation:connectorFlow 3s linear infinite;will-change:background-position;transform:translateZ(0)}@keyframes connectorFlow{0%{background-position:-100% 0}to{background-position:200% 0}}.eq-bar{width:3px;background:#22d3ee;border-radius:1px;will-change:height;transform:translateZ(0)}
