@keyframes led-blink-network{0%,to{opacity:1;filter:brightness(1.6) drop-shadow(0 0 4px #0ea5e9)}15%{opacity:.2}25%{opacity:.8}40%{opacity:.4}60%{opacity:1}85%{opacity:.3}}@keyframes led-blink-status{0%,to{opacity:1;filter:brightness(1.8) drop-shadow(0 0 6px #4ade80)}45%,55%{opacity:.4;filter:brightness(1)}50%{opacity:.9}}@keyframes led-blink-activity{0%,to{opacity:1;transform:scale(1.1);filter:brightness(1.8)}20%{opacity:.4;transform:scale(.9);filter:brightness(1.2)}40%{opacity:.9;transform:scale(1.05);filter:brightness(1.6)}60%{opacity:.2;transform:scale(.95);filter:brightness(1)}80%{opacity:.8;transform:scale(1);filter:brightness(1.4)}}@keyframes bar-shimmer{0%{transform:translate(-100%) skew(-20deg)}to{transform:translate(300%) skew(-20deg)}}@keyframes power-surge{0%{background:#fff;box-shadow:0 0 40px #0ea5e9e6,inset 0 0 20px #fff}20%{background:#e0f2fe;box-shadow:0 0 20px #0ea5e999,inset 0 0 10px #fffc}to{background:linear-gradient(180deg,#f8fafc,#e2e8f0);box-shadow:0 2px 8px #0000000f}}.server-rack{position:relative;background:#0f172a;border:4px solid #334155;border-radius:20px;padding:30px 24px;display:flex;flex-direction:column;gap:16px;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease;box-shadow:0 20px 50px #0006,inset 0 0 100px #00000080;overflow:hidden}.server-rack:before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:repeating-linear-gradient(transparent,transparent 20px,rgba(255,255,255,.1) 20px,rgba(255,255,255,.1) 22px);border-right:1px solid rgba(255,255,255,.05)}.server-rack:after{content:"";position:absolute;right:0;top:0;bottom:0;width:10px;background:repeating-linear-gradient(transparent,transparent 20px,rgba(255,255,255,.1) 20px,rgba(255,255,255,.1) 22px);border-left:1px solid rgba(255,255,255,.05)}.server-rack-blob{position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,#0ea5e9,#3b82f6,transparent 70%);opacity:.15;filter:blur(60px);pointer-events:none;z-index:0}.server-rack-scanline{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);border-radius:16px;pointer-events:none;z-index:1}.server-rack.is-active{opacity:1;transform:translateY(0)}.server-unit{position:relative;display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:12px 16px;opacity:0;transform:translateY(20px);transition:all .4s ease;box-shadow:0 4px 12px #0000004d}.server-unit:before{content:"";position:absolute;right:60px;top:50%;transform:translateY(-50%);width:40px;height:12px;background:radial-gradient(circle,rgba(0,0,0,.4) 1px,transparent 1px);background-size:4px 4px}.server-unit:hover{transform:translateY(-2px);background:linear-gradient(90deg,#334155,#1e293b);box-shadow:0 8px 24px #0006,inset 0 1px #ffffff1a}.server-unit{cursor:pointer}.server-unit:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}.server-unit.is-installed{opacity:1;transform:translateY(0);border-left:3px solid #0ea5e9}.server-unit.is-stressed{border-left-color:#f59e0b;background:linear-gradient(90deg,#2b1e2e,#1a1626)}.server-led.stress{animation:led-blink-activity .35s linear infinite}.server-rack.is-stressing .server-rack-blob{background:radial-gradient(circle,#f59e0b,#ef4444,transparent 70%);opacity:.25}.server-rack.is-stressing .server-bar{transition:width .7s cubic-bezier(.22,1,.36,1)}@keyframes uptime-hold-pulse{0%,to{text-shadow:0 0 8px rgba(74,222,128,.3);color:#4ade80}50%{text-shadow:0 0 18px rgba(74,222,128,.8);color:#86efac}}.server-stat-value.uptime-hold{animation:uptime-hold-pulse 1s ease-in-out infinite}.server-stress-status{text-align:center;margin-top:16px;font-size:.8rem;color:#94a3b8;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease,color .3s ease}.server-stress-status.is-visible{opacity:1;transform:translateY(0)}.server-stress-status.is-running{color:#d97706}.server-stress-status.is-stable{color:#059669;font-weight:600}.server-unit.power-flash{animation:power-surge .6s cubic-bezier(.1,.9,.2,1) forwards}.server-leds{display:flex;gap:6px;flex-shrink:0}.server-led{display:inline-block;width:8px;height:8px;border-radius:50%;background:#475569;box-shadow:inset 0 1px 2px #0006;transition:background .3s ease,box-shadow .3s ease}.server-led.on-green{background:#4ade80;box-shadow:0 0 10px #22c55e,0 0 20px #22c55e66,inset 0 1px 1px #fff9;animation:led-blink-status 1.8s ease-in-out infinite}.server-led:nth-child(2).on-green{animation-delay:.4s;animation-duration:1.2s}.server-led.on-sky{background:#38bdf8;box-shadow:0 0 10px #0ea5e9,0 0 20px #0ea5e966,inset 0 1px 1px #fff9;animation:led-blink-network .9s cubic-bezier(.4,0,.2,1) infinite}.server-label{font-family:Courier New,monospace;font-size:.7rem;font-weight:700;color:#64748b;letter-spacing:.05em;flex-shrink:0;min-width:48px}.server-bar-track{flex:1;height:8px;background:#e2e8f0;border-radius:100px;overflow:hidden}.server-bar{position:relative;height:100%;width:0%;background:linear-gradient(90deg,#0ea5e9,#22c55e);border-radius:100px;transition:width 1.6s cubic-bezier(.22,1,.36,1);overflow:hidden}.server-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:25%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),rgba(255,255,255,1),rgba(255,255,255,.8),transparent);transform:translate(-100%) skew(-20deg);pointer-events:none;opacity:0;filter:blur(1px)}.server-bar.shimmer:after{opacity:1;animation:bar-shimmer 2s cubic-bezier(.4,0,.2,1) infinite}.server-bar.high{background:linear-gradient(90deg,#f59e0b,#ef4444)}.server-bar-pct{font-family:Courier New,monospace;font-size:.7rem;font-weight:700;color:#0ea5e9;min-width:32px;text-align:right;flex-shrink:0}.server-stats{display:flex;justify-content:space-around;gap:12px;margin-top:16px;padding:16px 8px;background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 16px #0000001f,inset 0 1px #ffffff0f;z-index:2}.server-stat{text-align:center;opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}.server-stat.is-visible{opacity:1;transform:translateY(0)}.server-stat-value{font-family:Courier New,monospace;font-size:1.25rem;font-weight:800;color:#f1f5f9;text-shadow:0 0 8px rgba(14,165,233,.25)}.stat-accent{color:#0ea5e9;text-shadow:0 0 12px rgba(14,165,233,.4)}.server-stat-label{font-size:.75rem;color:#94a3b8;margin-top:2px;text-transform:uppercase;letter-spacing:.05em}.server-matrix-tagline{text-align:center;margin-top:20px;font-size:1.125rem;color:#0ea5e9;opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease;text-shadow:0 0 10px rgba(14,165,233,.2)}.server-matrix-tagline.is-visible{opacity:1;transform:translateY(0)}@media(max-width:480px){.server-unit{gap:8px;padding:10px 12px}.server-label{display:none}.server-stat-value{font-size:1rem}.server-stats{flex-direction:column;gap:8px}.server-rack-blob{width:120px;height:120px}}@media(prefers-reduced-motion:reduce){.server-rack,.server-unit,.server-stat,.server-matrix-tagline,.server-stress-status{transition:none;opacity:1;transform:none}.server-bar{transition:none}.server-led.on-sky,.server-led.on-green,.server-led.stress{animation:none}.server-bar.shimmer:after{animation:none}.server-unit.power-flash{transition:none}.server-stat-value.uptime-hold{animation:none}.server-rack.is-stressing .server-bar{transition:none}}