.cyber-side{justify-content:center;align-items:center;min-width:0;display:flex}.cyber-scene{--cyan:#00eaff;--blue:#247cff;--purple:#8b5cff;--pink:#ff2bd6;--red:#ff3158;--orange:#ff7a18;--green:#00ff9d;--yellow:#ffe600;aspect-ratio:760/620;isolation:isolate;cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:manipulation;direction:ltr;background:radial-gradient(circle at 71% 39%,#247cff21,#0000 39%),radial-gradient(circle at 35% 63%,#ff2bd617,#0000 42%),linear-gradient(145deg,#050a18d1,#02050d38 58%,#00000005);border:1px solid #71afff1c;width:min(100%,680px);min-height:500px;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #0000004d}.cyber-scene:before{content:"";pointer-events:none;z-index:0;opacity:.8;background:linear-gradient(90deg,#0000 0%,#00eaff06 50%,#0000 100%);position:absolute;inset:0}.cyber-svg{z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.floor-grid{opacity:.22}.floor-grid line{stroke:#50a9ff3d;stroke-width:.7px;vector-effect:non-scaling-stroke}.scene-particles circle{animation:4.8s ease-in-out infinite alternate ambientParticle}@keyframes ambientParticle{0%{opacity:.15;transform:translateY(0)}to{opacity:.8;transform:translateY(-7px)}}.server-group{transform-box:fill-box;transform-origin:50%;pointer-events:none;animation:6.5s ease-in-out infinite serverIdle}@keyframes serverIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.server-shadow{fill:#00b4ff21;filter:blur(10px)}.server-top{stroke:#00eaff2e;stroke-width:1px;filter:drop-shadow(0 0 5px #00eaff14)}.server-side{stroke:#8b5cff4f;stroke-width:1px;filter:drop-shadow(7px 8px 10px #00000047)}.server-side-vents line{stroke:#5298dc26;stroke-width:2px;stroke-linecap:round}.server-front{stroke:#00eaff78;stroke-width:1.3px;filter:drop-shadow(0 0 4px #00eaff7a)drop-shadow(0 0 20px #247cff1f)}.server-brand{fill:#def4ffeb;font-variation-settings:"wght" 800;letter-spacing:3.6px;pointer-events:none;paint-order:stroke fill;stroke:#00eaff24;stroke-width:.45px;filter:drop-shadow(0 0 2px #00eaffa6)drop-shadow(0 0 7px #247cff40);font-size:13px}.rack-rail{stroke:#5986b04d;stroke-width:4px;vector-effect:non-scaling-stroke}.rack-units{pointer-events:none}.rack-blade{stroke:#91afd017;stroke-width:1px;filter:drop-shadow(0 2px 3px #00000040)}.rack-handle-svg{fill:#374357;stroke:#ffffff17;stroke-width:.7px}.rack-vent{stroke:#6b89a84d;stroke-width:1.5px;stroke-linecap:round}.rack-activity{stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px #00eaff59);animation:1.9s ease-in-out infinite alternate rackActivityGlow}@keyframes rackActivityGlow{0%{opacity:.3;filter:drop-shadow(0 0 1px #00eaff40)}45%{opacity:.65}to{opacity:1;filter:drop-shadow(0 0 4px #00eaffa6)}}.rack-led{animation:1.5s ease-in-out infinite alternate serverLedBlink}.led-cyan{fill:#00eaff;color:#00eaff}.led-green{fill:#00ff9d;color:#00ff9d}.led-pink{fill:#ff2bd6;color:#ff2bd6}@keyframes serverLedBlink{0%,25%{opacity:.24}70%,to{opacity:1}}.rack-base-svg{fill:#070c14;stroke:#688db01f;stroke-width:1px}.server-foot{stroke:#247cff;stroke-width:4px;stroke-linecap:round;filter:drop-shadow(0 0 5px #247cff)}.firewall-group{pointer-events:none;transform-box:fill-box;transform-origin:50%;animation:3.2s ease-in-out infinite firewallBreath}@keyframes firewallBreath{0%,to{opacity:.91;transform:scale(.997)}50%{opacity:1;transform:scale(1.006)}}.firewall-back-glow{fill:#00eaff29;filter:blur(22px);opacity:.9}.firewall-body{stroke:#00eaff4d;stroke-width:1.2px;filter:drop-shadow(0 0 8px #00eaff1f)}.firewall-hex-field{opacity:.58}.firewall-rim-main{fill:none;stroke-width:4px;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px #00eaff)drop-shadow(0 0 13px #00eaffbf)drop-shadow(0 0 23px #247cff40);stroke-dasharray:23 10;animation:3.5s linear infinite firewallRimFlow}@keyframes firewallRimFlow{to{stroke-dashoffset:-66px}}.firewall-rim-secondary{fill:none;stroke:#83f4ff45;stroke-width:1.3px;vector-effect:non-scaling-stroke}.firewall-energy-line{fill:none;stroke:#00eaff3d;stroke-width:1.3px;stroke-dasharray:8 12;animation:4s linear infinite firewallInnerFlow}.firewall-energy-line--2{animation-delay:-1.8s}@keyframes firewallInnerFlow{to{stroke-dashoffset:-60px}}.firewall-node{fill:#7df7ff;filter:drop-shadow(0 0 6px #00eaff);animation:1.7s ease-in-out infinite alternate firewallNode}@keyframes firewallNode{to{opacity:.35}}.firewall-core-svg{transform-box:fill-box;transform-origin:50%;animation:2.2s ease-in-out infinite alternate firewallCoreBreath}@keyframes firewallCoreBreath{0%{transform:scale(.97)}to{transform:scale(1.04)}}.firewall-core-svg polygon{fill:#00eaff11;stroke:#00eaffba;stroke-width:1.5px;filter:drop-shadow(0 0 8px #00eaffa6)}.firewall-core-svg path{fill:none;stroke:#4ceeff;stroke-width:2px;stroke-linejoin:round;filter:drop-shadow(0 0 5px #00eaff)}.firewall-scan{stroke:#bafcffd9;stroke-width:1.2px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px #00eaff);animation:3.3s linear infinite firewallScan}@keyframes firewallScan{0%{opacity:0;transform:translateY(-48px)}12%{opacity:.8}86%{opacity:.72}to{opacity:0;transform:translateY(438px)}}.safe-link-glow{fill:none;stroke:var(--safe-color);stroke-width:8px;stroke-linecap:round;opacity:.07;filter:blur(4px)}.safe-link{fill:none;stroke:var(--safe-color);stroke-width:1.25px;stroke-linecap:round;opacity:.34}.safe-link-energy{fill:none;stroke:var(--safe-color);stroke-width:2px;stroke-linecap:round;stroke-dasharray:34 86;opacity:.75;filter:drop-shadow(0 0 4px var(--safe-color));animation:4s linear infinite safeEnergyTravel}@keyframes safeEnergyTravel{to{stroke-dashoffset:-120px}}.safe-packet-svg{color:var(--safe-color)}.safe-packet-dot{fill:var(--safe-color);filter:drop-shadow(0 0 4px white) drop-shadow(0 0 7px var(--safe-color))}.safe-packet-halo{fill:var(--safe-color);opacity:.08;filter:blur(3px)}.attack-path-background{fill:none;stroke:var(--attack-color);stroke-width:7px;opacity:.055;filter:blur(4px)}.attack-path-hot{fill:none;stroke:var(--attack-color);stroke-width:1.6px;stroke-linecap:round;stroke-dasharray:26 135;opacity:.58;filter:drop-shadow(0 0 4px var(--attack-color));animation:maliciousStream var(--attack-duration) linear infinite var(--attack-delay)}@keyframes maliciousStream{to{stroke-dashoffset:-160px}}.attack-packet-svg,.manual-attack-node{color:var(--attack-color);filter:drop-shadow(0 0 6px var(--attack-color)) drop-shadow(0 0 12px var(--attack-color))}.attack-chip{fill:#070511f0;stroke:var(--attack-color);stroke-width:1.3px}.attack-chip-mark{fill:none;stroke:var(--attack-color);stroke-width:1.5px;stroke-linecap:round}.auto-impact{color:var(--attack-color);opacity:0;animation:automaticImpact var(--attack-duration) ease-out infinite var(--attack-delay)}.impact-core-svg{fill:#fff;filter:drop-shadow(0 0 5px white) drop-shadow(0 0 11px var(--attack-color))}.impact-ring-svg{fill:none;stroke:var(--attack-color);stroke-width:1px}.impact-ring-svg--2{opacity:.5}@keyframes automaticImpact{0%,72%{opacity:0;transform:scale(.2)}75%{opacity:1;transform:scale(.6)}81%{opacity:.7;transform:scale(1.6)}89%{opacity:0;transform:scale(2.8)}to{opacity:0}}.manual-attack-path{fill:none;stroke:var(--attack-color);stroke-width:1.8px;stroke-linecap:round;stroke-dasharray:28 18;opacity:0;filter:drop-shadow(0 0 5px var(--attack-color));animation:.76s ease-out forwards manualTrail}@keyframes manualTrail{0%{opacity:0;stroke-dashoffset:120px}12%{opacity:.8}80%{opacity:.72}to{opacity:0;stroke-dashoffset:-30px}}.manual-impact-svg{color:var(--impact-color);transform-box:fill-box;transform-origin:50%}.manual-impact-core{fill:#fff;filter:drop-shadow(0 0 6px white) drop-shadow(0 0 15px var(--impact-color));animation:.65s ease-out forwards manualImpactCore}.manual-impact-ring{fill:none;stroke:var(--impact-color);stroke-width:1.2px;animation:.65s ease-out forwards manualImpactRing}.manual-impact-ring--2{animation-delay:70ms}.impact-spark-line{stroke:var(--impact-color);stroke-width:1.3px;stroke-linecap:round;animation:.52s ease-out forwards impactSpark}@keyframes manualImpactCore{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}@keyframes manualImpactRing{0%{opacity:1;transform:scale(.25)}to{opacity:0;transform:scale(2.5)}}@keyframes impactSpark{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.8)}}.scene-caption{z-index:5;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);direction:rtl;background:#030814a3;border:1px solid #00eaff26;width:208px;padding:10px 13px;font-size:9px;position:absolute;bottom:4.5%;left:5.5%;box-shadow:0 10px 30px #0000003d}.scene-caption span{color:var(--green);letter-spacing:.08em;align-items:center;gap:6px;display:flex}.scene-caption span i{background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite alternate statusBlink;box-shadow:0 0 8px}@keyframes statusBlink{0%{opacity:.35}to{opacity:1}}.scene-caption strong{color:#e9f6ff;letter-spacing:.035em;margin-top:6px;display:block}.scene-caption small{color:#cde2ff7a;letter-spacing:.06em;margin-top:4px;display:block}@media (max-width:1100px){.cyber-scene{width:min(100%,640px);min-height:455px}}@media (max-width:900px){.cyber-side{margin-top:24px}.cyber-scene{width:min(100%,610px);min-height:490px}}@media (max-width:620px){.cyber-scene{border-radius:22px;width:100%;min-height:365px}.scene-caption{transform-origin:0 100%;width:190px;transform:scale(.82)}}@media (prefers-reduced-motion:reduce){.cyber-scene *,.cyber-scene :before,.cyber-scene :after{animation-duration:.001ms!important;animation-iteration-count:1!important}}