.hero-bg-scene{perspective:1400px;perspective-origin:50% 40%;z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.bg-rack{background:linear-gradient(180deg, var(--color-bg-elevated) 0%, var(--color-bg-card) 100%);border:1px solid var(--color-border);width:240px;height:75%;box-shadow:inset 0 0 30px #0000000d, 0 0 40px var(--color-shadow);transform:translateX(-50%) scale(var(--rack-scale,1));contain:layout paint style;will-change:transform;border-bottom:none;border-radius:4px 4px 0 0;flex-direction:column;gap:4px;padding:18px 12px 12px;animation:12s ease-in-out infinite rackBreathe;display:flex;position:absolute;bottom:0}@media (width<=768px){.bg-rack{-webkit-backdrop-filter:none;box-shadow:inset 0 0 20px #00000008, 0 0 20px var(--color-shadow)}}.bg-rack:before,.bg-rack:after{content:"";background-image:radial-gradient(circle, var(--color-text-muted) 1px, transparent 1.5px);opacity:.5;background-position:50%;background-repeat:repeat-y;background-size:4px 16px;width:8px;position:absolute;top:15px;bottom:10px}.bg-rack:before{left:4px}.bg-rack:after{right:4px}.bg-rack-unit{background:var(--color-bg-overlay);border:1px solid var(--color-border);height:32px;box-shadow:inset 0 1px 0 var(--color-border);border-radius:2px;align-items:center;gap:8px;padding:0 8px;display:flex;position:relative;overflow:hidden}.server-handle{background:var(--color-bg-count);border:1px solid var(--color-border);border-radius:2px;flex-shrink:0;width:12px;height:60%}.server-vents{background:repeating-linear-gradient(90deg, var(--color-border-hover) 0px, var(--color-border-hover) 2px, transparent 2px, transparent 4px);opacity:.6;width:40px;height:100%;mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}.server-bays{gap:4px;margin-left:auto;display:flex}.bay-slot{background:var(--color-bg-darker);border:1px solid var(--color-border);border-radius:1px;width:20px;height:14px;position:relative}.bay-slot:after{content:"";background:#27c93f;border-radius:50%;width:4px;height:4px;animation:4s ease-in-out infinite ledPulse;position:absolute;bottom:2px;left:50%;transform:translate(-50%);box-shadow:0 0 4px #27c93f99}.switch-ports{flex-grow:1;gap:2px;margin-left:4px;display:flex}.switch-port{background:var(--color-bg-darker);border-radius:1px;width:6px;height:4px}.switch-port.active:after{content:"";background:var(--color-accent-cyan);width:2px;height:2px;box-shadow:0 0 4px var(--color-accent-cyan);margin:1px auto;animation:2s ease-in-out infinite ledFlicker;display:block}.bg-led{border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:4s ease-in-out infinite ledPulse}.bg-led.blue{background:var(--color-accent-blue);box-shadow:0 0 6px var(--color-accent-blue)}.bg-led.green{background:#27c93f;animation-duration:6s;box-shadow:0 0 6px #27c93f99}.bg-led.cyan{background:var(--color-accent-cyan);box-shadow:0 0 6px var(--color-accent-cyan);animation-duration:5s}.bg-led.orange{background:#f97316;animation-duration:3s;box-shadow:0 0 6px #f9731699}.bg-rack-screen{background:var(--color-preview-bg);border:1px solid var(--color-border-hover);border-radius:1px;width:50px;height:12px;margin-left:auto;position:relative;overflow:hidden}.bg-rack-screen:before{content:"root@vukilis:~$ systemctl status dockern● docker.service - Container Runtimen   Active: active (running)nroot@vukilis:~$ kubectl get nodesnNAME       STATUS   ROLES    AGEnnode-01    Ready    master   120dnnode-02    Ready    worker   120dnroot@vukilis:~$ htopn[CPU 1: 12%] [CPU 2: 8%]n[MEM: 4.2G/16G] [DISK: 40%]";width:100%;color:var(--color-accent-cyan);opacity:.7;white-space:pre-wrap;word-break:break-all;font-family:JetBrains Mono,monospace;font-size:5px;line-height:1.2;animation:20s linear infinite scrollLogs;position:absolute;top:0;left:0}@keyframes rackBreathe{0%,to{transform:translateX(-50%) translateY(0) translateZ(0) scale(var(--rack-scale,1))}50%{transform:translateX(-50%) translateY(-20px) translateZ(10px) scale(var(--rack-scale,1))}}@keyframes ledPulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes ledFlicker{0%,88%,to{opacity:1}92%{opacity:.3}96%{opacity:1}98%{opacity:.4}}@keyframes scrollLogs{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.subtitle-wrapper{justify-content:center;margin-top:.5rem;display:flex}@media (prefers-reduced-motion:reduce){.bg-rack,.bg-led,.bay-slot:after,.switch-port.active:after,.bg-rack-screen:before,.cloud-core-ring,.cloud-edge-node,.compose-editor,.docker-ghost,.script-gear,.phys-unit,.cable-line,.serbia-indicator,.scroll-line,.terminal-window,.hero-content,.colab-subtitle,.scroll-indicator,.service-section{animation:none!important}.service-section,.phys-unit{opacity:1;transform:none}.cable-line{stroke-dashoffset:0}}.colab-hero{min-height:100vh;padding:calc(var(--nav-height,80px) + 2rem) 2rem 4rem;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-content{text-align:center;z-index:10;width:100%;max-width:900px;animation:.8s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.terminal-window{background:var(--color-bg-card);border:1px solid var(--color-border);text-align:left;border-radius:12px;max-width:500px;margin:0 auto 2rem;animation:.6s ease-out terminalSlide;overflow:hidden;box-shadow:0 20px 60px -15px #00000080}@keyframes terminalSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.terminal-header{border-bottom:1px solid var(--color-border);background:#0003;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.terminal-header .window-dots{gap:6px;display:flex}.terminal-header .dot{border-radius:50%;width:10px;height:10px;display:block}.terminal-header .dot-red{background:#ff5f56;box-shadow:0 0 4px #ff5f5666}.terminal-header .dot-yellow{background:#ffbd2e;box-shadow:0 0 4px #ffbd2e66}.terminal-header .dot-green{background:#27c93f;box-shadow:0 0 4px #27c93f66}.terminal-header .window-title{color:var(--color-text-dim);opacity:.7;letter-spacing:.02em;margin-left:.5rem;font-size:.75rem;font-weight:500}.terminal-body{color:var(--color-text);align-items:center;gap:.5rem;padding:1.25rem 1.5rem;font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:.95rem;display:flex}.prompt-symbol{color:var(--color-primary);font-weight:700}.typed-text{color:var(--color-text);white-space:nowrap;overflow:hidden}.cursor-blink{color:var(--color-primary);font-weight:400;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.colab-title{font-family:var(--font-heading);letter-spacing:-.03em;flex-direction:column;gap:.1em;margin:1rem 0 .75rem;font-size:clamp(2.5rem,8vw,5rem);font-weight:800;display:flex}.colab-title .title-line{display:block}.colab-title .accent{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent-purple,#f9e076) 50%, var(--color-accent-pink,#ffe8a3) 100%);-webkit-text-fill-color:transparent;background-size:200%;background-clip:text;animation:4s infinite gradientFlow}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.colab-subtitle{color:var(--color-text-dim);max-width:450px;margin:0 auto;padding:.5rem 1rem;font-size:clamp(1rem,2vw,1.25rem);font-weight:500;line-height:1.6;animation:.8s ease-out .2s backwards fadeInUp}.scroll-indicator{flex-direction:column;align-items:center;gap:.75rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-text{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.scroll-line{background:linear-gradient(to bottom, var(--color-primary), transparent);width:1px;height:40px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.5;transform:scaleY(.6)}}@media (width<=480px){.terminal-window{border-radius:10px;max-width:100%;margin-bottom:1.25rem}.terminal-header{gap:.35rem;padding:.5rem .75rem}.terminal-header .window-dots{gap:4px}.terminal-header .dot{width:8px;height:8px}.terminal-header .window-title{margin-left:.35rem;font-size:.65rem}.terminal-body{gap:.35rem;padding:.75rem .875rem;font-size:.75rem}.typed-text{white-space:normal;word-break:break-all}}[data-theme=light] .colab-title .accent{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent-purple,#f9e076) 50%, #d4a80e 100%);-webkit-text-fill-color:transparent;background-clip:text}.colab-page{font-family:var(--font-body);color:var(--color-text)}.service-section{opacity:0;padding:6rem 2rem;transition:opacity .8s ease-out,transform .8s ease-out;position:relative;overflow:hidden;transform:translateY(30px)}.service-section.visible{opacity:1;transform:translateY(0)}.section-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.bg-grid{background-image:linear-gradient(var(--color-border) 1px, transparent 1px), linear-gradient(90deg, var(--color-border) 1px, transparent 1px);opacity:.3;background-size:60px 60px;position:absolute;inset:0;mask-image:radial-gradient(#000 0%,#0000 70%)}.container{z-index:2;max-width:1200px;margin:0 auto;position:relative}.service-header{align-items:center;gap:1.5rem;margin-bottom:3rem;display:flex}.service-header.centered{text-align:center;flex-direction:column;justify-content:center}.service-header.centered .service-desc{max-width:600px;margin:0 auto}.service-icon{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.service-block:hover .service-icon{transform:scale(1.05)rotate(-3deg)}.sysadmin-icon{color:var(--color-primary)}.physical-icon{color:var(--color-accent-pink,#ec4899)}.script-micro-icon{color:var(--color-accent-purple,#8b5cf6)}.service-title{font-family:var(--font-heading);letter-spacing:-.03em;margin:0 0 .5rem;font-size:clamp(2rem,5vw,3rem);font-weight:800}.block-title{font-family:var(--font-heading);letter-spacing:-.02em;margin:0 0 .25rem;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700}.service-desc{color:var(--color-text-dim);margin:0;font-size:.95rem}.infra-grid,.workflow-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem;display:grid}@media (width<=900px){.infra-grid,.workflow-grid{grid-template-columns:1fr}}.service-block{flex-direction:column;gap:1.5rem;display:flex}.block-header{align-items:center;gap:1rem;display:flex}.animation-stage{background:var(--color-bg-card);border:1px solid var(--color-border);contain:strict;border-radius:20px;justify-content:center;align-items:center;height:450px;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.btn{font-size:.9375rem;font-weight:600;font-family:var(--font-body,system-ui, sans-serif);letter-spacing:-.01em;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:.875rem;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.75rem;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg, var(--color-primary,#3b82f6) 0%, var(--color-primary-hover,#2563eb) 100%);color:#fff;box-shadow:0 1px 2px #f1c40f0d,0 4px 16px -2px #f1c40f40}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px -2px #f1c40f59,0 8px 28px -4px #f1c40f33}@media (width<=768px){.service-section{padding:4rem 1.5rem}.service-header{flex-direction:column;align-items:flex-start;gap:1rem}.service-header.centered{align-items:center}.cable-svg{display:none}.phys-rack{width:180px}.phys-unit{height:26px}.sys-term-body{min-height:120px}.script-micro-animation{flex-direction:column;gap:1rem}}@media (width<=480px){.animation-stage{border-radius:14px;height:380px}.cloud-core{width:60px;height:60px}.cloud-core-icon svg{width:32px;height:32px}.cloud-edge-node{width:48px;padding:5px}.cloud-edge-node .node-icon svg{width:14px;height:14px}.node-bar{height:3px}.phys-rack{width:160px}.phys-unit{gap:3px;height:22px;padding:0 6px}.phys-hdd{width:12px;height:7px}.phys-unit-bar{height:6px}.phys-led{width:4px;height:4px}.serbia-indicator svg{width:14px;height:14px}}[data-theme=light] .terminal-header{background:#0000000a}[data-theme=light] .sys-right-panel,[data-theme=light] .compose-editor{background:var(--color-bg-elevated)}[data-theme=light] .editor-header{background:var(--color-border)}[data-theme=light] .terminal-window{box-shadow:0 20px 60px -15px #00000014}[data-theme=light] .quote-form-wrapper{box-shadow:0 20px 50px -20px #00000014}[data-theme=light] .phys-rack{box-shadow:0 10px 40px -10px #00000014}[data-theme=light] .tag:hover{box-shadow:0 4px 12px -4px #00000014}[data-theme=light] .phys-rack-screw{background:#0000001f;border-color:#00000026}[data-theme=light] .phys-unit{background:linear-gradient(135deg,#0000000a,#00000005);border-color:#00000014}[data-theme=light] .phys-unit-bar{background:#0000000a;border-color:#0000000f}[data-theme=light] .phys-hdd{background:#0000000a;border-color:#00000014}[data-theme=light] .workflow-number{color:#0000000a}[data-theme=light] .workflow-icon{background:var(--color-primary-soft);border-color:#2563eb33}[data-theme=light] .physical-icon,[data-theme=light] .script-micro-icon{color:#d4a80e}@media (prefers-reduced-motion:reduce){.bg-rack,.bg-led,.bay-slot:after,.switch-port.active:after,.bg-rack-screen:before,.particle,.data-orb,.cloud-core-ring,.cloud-edge-node,.compose-editor,.docker-ghost,.script-gear,.phys-unit,.cable-line,.serbia-indicator,.scroll-line,.terminal-window,.hero-content,.colab-subtitle,.scroll-indicator,.service-section{animation:none!important}.service-section,.phys-unit{opacity:1;transform:none}.cable-line{stroke-dashoffset:0}}.cloud-icon{color:var(--color-accent-cyan,#06b6d4)}.cloud-animation-v2{contain:strict;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;transform:translateZ(0)}.cloud-net-svg{z-index:1;width:100%;height:100%;position:absolute;inset:0}.net-line{stroke:#ffffff1a;stroke-width:2px;stroke-dasharray:4 4;animation:1s linear infinite netDash}@keyframes netDash{to{stroke-dashoffset:-8px}}.net-packet{filter:drop-shadow(0 0 4px)}.packet-cyan{fill:var(--color-accent-cyan,#06b6d4);color:var(--color-accent-cyan,#06b6d4)}.packet-pink{fill:var(--color-accent-pink,#ec4899);color:var(--color-accent-pink,#ec4899)}.packet-green{fill:#27c93f;color:#27c93f}.packet-blue{fill:var(--color-primary,#3b82f6);color:var(--color-primary,#3b82f6)}.cloud-core{z-index:3;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cloud-core-icon{color:var(--color-accent-cyan,#06b6d4);filter:drop-shadow(0 0 10px #f1c40f66);animation:4s ease-in-out infinite floatY}.cloud-core-ring{border:2px solid #f1c40f66;border-radius:50%;animation:3s ease-out infinite pulseRing;position:absolute;inset:0}@keyframes pulseRing{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.cloud-edge-node{background:var(--color-bg-elevated);border:1px solid var(--color-border);z-index:2;border-radius:10px;flex-direction:column;gap:6px;width:64px;padding:8px;animation:4s ease-in-out infinite nodeScale;display:flex;position:absolute;box-shadow:0 8px 20px -8px #00000080}@keyframes nodeScale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.node-icon{justify-content:center;align-items:center;display:flex}.node-bar{background:#ffffff1a;border-radius:2px;width:100%;height:4px;overflow:hidden}.node-bar-fill{transform-origin:0;will-change:transform;border-radius:2px;width:100%;height:100%;animation:3s ease-in-out infinite barLoad}@keyframes barLoad{0%{transform:scaleX(.2)}50%{transform:scaleX(.85)}to{transform:scaleX(.3)}}.node-tl{border-color:#f1c40f4d;top:20%;left:15%}.node-tl .node-icon{color:var(--color-accent-cyan,#06b6d4)}.node-tl .node-bar-fill{background:var(--color-accent-cyan,#06b6d4);animation-delay:0s}.node-tr{border-color:#f1c40f4d;animation-delay:1s;top:20%;right:15%}.node-tr .node-icon{color:var(--color-accent-pink,#ec4899)}.node-tr .node-bar-fill{background:var(--color-accent-pink,#ec4899);animation-delay:.5s}.node-bl{border-color:#27c93f4d;animation-delay:2s;bottom:20%;left:15%}.node-bl .node-icon{color:#27c93f}.node-bl .node-bar-fill{background:#27c93f;animation-delay:1s}.node-br{border-color:#f1c40f4d;animation-delay:1.5s;bottom:20%;right:15%}.node-br .node-icon{color:var(--color-primary)}.node-br .node-bar-fill{background:var(--color-primary);animation-delay:1.5s}@media (width<=768px){.cloud-edge-node{width:52px;padding:6px}.cloud-edge-node .node-icon svg{width:16px;height:16px}}@media (width<=480px){.cloud-net-svg{opacity:.6}.net-packet,.cloud-core-icon{filter:none}.cloud-core-ring{animation-duration:5s}.cloud-edge-node{animation:none}.node-bar-fill{animation-duration:5s}}[data-theme=light] .packet-pink{fill:#d4a80e;color:#d4a80e}[data-theme=light] .node-tr .node-icon{color:#d4a80e}[data-theme=light] .node-tr .node-bar-fill{background:#d4a80e}.script-micro-animation{contain:strict;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem;display:flex;position:relative;transform:translateZ(0)}.compose-editor{border:1px solid var(--color-border);z-index:2;background:#0a0a0a;border-radius:12px;width:100%;max-width:380px;animation:6s ease-in-out infinite floatCard;overflow:hidden;transform:scale(.95);box-shadow:0 15px 40px -10px #0009}@keyframes floatCard{0%,to{transform:scale(.95)translateY(0)}50%{transform:scale(.95)translateY(-8px)}}.editor-header{border-bottom:1px solid var(--color-border);background:#ffffff0a;align-items:center;gap:6px;padding:10px 14px;display:flex}.editor-dots{gap:6px;display:flex}.editor-dot{border-radius:50%;width:10px;height:10px;display:block}.editor-filename{color:var(--color-text-dim);margin-left:.5rem;font-family:JetBrains Mono,monospace;font-size:.75rem}.editor-body{text-align:left;padding:16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;line-height:1.7}.code-line{color:var(--color-text-dim);white-space:pre;align-items:center;display:flex}.syn-key{color:var(--color-accent-pink,#ec4899)}.syn-str{color:#27c93f}.syn-prop{color:var(--color-primary);font-weight:600}.status-dot{border-radius:50%;width:8px;height:8px;margin-top:2px;margin-left:6px;display:inline-block}.status-dot.running{background:#27c93f;animation:2s ease-in-out infinite pulseGreen;box-shadow:0 0 6px #27c93f99}.status-dot.building{background:var(--color-accent-orange,#f97316);animation:1.5s ease-in-out infinite pulseOrange;box-shadow:0 0 6px #f9731699}@keyframes pulseGreen{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes pulseOrange{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.script-gear{color:var(--color-accent-purple,#d4a80e);opacity:.15;animation:8s linear infinite gearSpin;position:absolute}.gear-1{animation-direction:reverse;top:20px;right:20px}.gear-2{animation-duration:5s;bottom:20px;left:20px}@keyframes gearSpin{to{transform:rotate(360deg)}}.docker-ghost{color:var(--color-accent-cyan,#06b6d4);opacity:.1;z-index:1;animation:4s ease-in-out infinite floatDocker;position:absolute;bottom:15px;right:15px}@keyframes floatDocker{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (width<=768px){.compose-editor{max-width:100%;transform:scale(.85)}.script-gear{display:none}}@media (width<=480px){.compose-editor{transform:scale(.8);box-shadow:0 10px 30px -8px #00000080}.docker-ghost{display:none}.status-dot{animation-duration:3s}}[data-theme=light] .syn-key{color:#d4a80e}[data-theme=light] .script-gear{color:#d4a80e;opacity:.5}.sysadmin-animation{contain:strict;flex-direction:column;gap:12px;width:100%;height:100%;padding:16px;display:flex;position:relative;transform:translateZ(0)}.sys-left-panel{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;flex:1;gap:16px;padding:16px;display:flex}.sys-gauge-section{flex-direction:column;gap:8px;display:flex}.gauge-title{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:700}.cpu-cores-grid{grid-template-columns:repeat(4,1fr);gap:6px;height:50px;display:grid}.core-bar{background:#0000004d;border-radius:4px;align-items:flex-end;display:flex;position:relative;overflow:hidden}.core-fill{background:linear-gradient(to top, var(--color-primary), var(--color-accent-cyan));width:100%;height:100%;animation:4s ease-in-out infinite cpuLoad;animation-delay:var(--delay);transform-origin:bottom;will-change:transform;border-radius:4px}@keyframes cpuLoad{0%,to{transform:scaleY(.2)}50%{transform:scaleY(var(--max-h,.8))}}.mem-bar-container{background:#0000004d;border-radius:4px;width:100%;height:14px;position:relative;overflow:hidden}.mem-fill{background:linear-gradient(90deg, var(--color-accent-purple), var(--color-accent-pink));transform-origin:0;will-change:transform;border-radius:4px;width:100%;height:100%;animation:6s ease-in-out infinite memLoad}@keyframes memLoad{0%,to{transform:scaleX(.4)}50%{transform:scaleX(.65)}}.mem-text{color:var(--color-text);text-shadow:0 0 4px #000c;font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sys-services{flex-direction:column;gap:6px;margin-top:auto;display:flex}.svc-row{align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:.65rem;display:flex}.svc-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.svc-row.active .svc-dot{background:#27c93f;animation:2s infinite ledPulse;box-shadow:0 0 6px #27c93f99}.svc-row.inactive .svc-dot{opacity:.5;background:#ef4444}.svc-name{color:var(--color-text);font-weight:600}.svc-status{margin-left:auto;font-size:.6rem}.svc-row.active .svc-status{color:#27c93f}.svc-row.inactive .svc-status{color:var(--color-text-dim)}.sys-right-panel{border:1px solid var(--color-border);background:#0a0a0a;border-radius:12px;flex-direction:column;flex:2.4;display:flex;overflow:hidden}.sys-term-header{border-bottom:1px solid var(--color-border);background:#ffffff0a;flex-shrink:0;align-items:center;gap:6px;padding:10px 14px;display:flex}.term-dots{gap:6px;display:flex}.term-dots .dot{border-radius:50%;width:10px;height:10px;display:block}.term-title{color:var(--color-text-dim);opacity:.7;margin-left:.5rem;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:500}.sys-term-body{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;flex:1;padding:14px 16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;line-height:1.6;overflow-y:auto}.sys-term-body::-webkit-scrollbar{width:4px}.sys-term-body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.term-line{white-space:pre-wrap;word-break:break-all;display:block}.term-prompt{color:#27c93f;margin-right:6px;font-weight:600}.term-cmd{color:var(--color-text)}.term-output{color:var(--color-text-dim);opacity:.8}.term-success{color:#27c93f;opacity:.9}.typing-line{margin-top:4px}@media (width<=768px){.sysadmin-animation{flex-direction:column}.sys-left-panel{flex-direction:row;gap:12px;padding:10px}.sys-gauge-section{flex:1}.sys-services{flex:1.2;margin-top:0}.cpu-cores-grid{height:30px}.sys-term-body{font-size:.7rem}}@media (width<=480px){.sysadmin-animation{gap:8px;padding:10px}.sys-left-panel{gap:8px;padding:8px}.sys-term-body{font-size:.65rem}.core-fill{animation-duration:6s}.mem-fill{animation-duration:8s}.svc-row{font-size:.6rem}.svc-dot{width:6px;height:6px}}[data-theme=light] .mem-fill{background:linear-gradient(90deg, var(--color-primary), #d4a80e)}.physical-animation{contain:strict;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;display:flex;position:relative;transform:translateZ(0)}.rack-assembly{align-items:stretch;display:flex;position:relative}.phys-rack{border:2px solid var(--color-border);background:var(--color-bg-elevated);border-radius:10px;flex-direction:column;gap:4px;width:220px;padding:10px 10px 6px;display:flex;position:relative;box-shadow:0 10px 40px -10px #00000080}.phys-rack-screw{background:#ffffff26;border:1px solid #fff3;border-radius:50%;width:6px;height:6px;position:absolute}.phys-unit{opacity:0;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff1f;border-radius:4px;align-items:center;gap:5px;height:30px;padding:0 10px;transition:all .5s cubic-bezier(.22,1,.36,1);display:flex;transform:translate(60px)}.phys-unit.mounted{opacity:1;transform:translate(0)}.phys-led{border-radius:50%;flex-shrink:0;width:5px;height:5px}.phys-led.green{background:#27c93f;animation:4s ease-in-out infinite ledFlicker;box-shadow:0 0 6px #27c93f80}.phys-led.orange{background:#f97316;animation:2.5s ease-in-out infinite ledFlicker;box-shadow:0 0 6px #f9731680}.phys-led.blue{background:#3b82f6;animation:3s ease-in-out infinite ledFlicker;box-shadow:0 0 6px #f1c40f80}.phys-unit-bar{background:#ffffff0f;border:1px solid #ffffff14;border-radius:2px;height:8px}.phys-hdd{background:#ffffff14;border:1px solid #ffffff1f;border-radius:2px;flex-shrink:0;width:16px;height:9px}.cable-svg{width:60px;height:100%;position:absolute;top:0;right:-60px;overflow:visible}.cable-line{stroke-dasharray:300;stroke-dashoffset:300px}.service-section.visible .cable-line-1{animation:2s ease-out .8s forwards drawCable}.service-section.visible .cable-line-2{animation:2s ease-out 1.2s forwards drawCable}.service-section.visible .cable-line-3{animation:2s ease-out 1.6s forwards drawCable}@keyframes drawCable{to{stroke-dashoffset:0}}.serbia-indicator{color:var(--color-accent-pink,#ec4899);align-items:center;gap:6px;animation:2s ease-in-out infinite mapPulse;display:flex;position:absolute;bottom:16px;left:16px}.serbia-indicator svg{filter:drop-shadow(0 0 4px #f1c40f4d)}.serbia-label{letter-spacing:.05em;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;font-weight:700}@keyframes mapPulse{0%,to{opacity:1}50%{opacity:.6}}.phys-status-bar{color:var(--color-text-dim);align-items:center;gap:20px;font-size:.75rem;display:flex}.phys-status-item{align-items:center;gap:6px;display:flex}.phys-status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}@media (width<=768px){.serbia-indicator{bottom:8px;left:8px}.serbia-label{font-size:.65rem}}@media (width<=480px){.serbia-indicator svg{width:14px;height:14px}}[data-theme=light] .serbia-indicator{color:#d4a80e}.workflow-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;padding:2.5rem 2rem;transition:all .4s;display:flex;position:relative;overflow:hidden}.workflow-card:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent-purple,#8b5cf6));transform-origin:0;width:100%;height:3px;transition:transform .4s;position:absolute;top:0;left:0;transform:scaleX(0)}.workflow-card:hover{border-color:var(--color-border-hover);background:var(--color-bg-elevated);transform:translateY(-5px)}.workflow-card:hover:before{transform:scaleX(1)}.workflow-number{color:#ffffff08;font-family:JetBrains Mono,monospace;font-size:3rem;font-weight:800;position:absolute;top:1rem;right:1.5rem}.workflow-icon{width:56px;height:56px;color:var(--color-primary);background:#f1c40f1a;border:1px solid #f1c40f33;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.workflow-title{color:var(--color-text);margin:0 0 .75rem;font-size:1.25rem;font-weight:700}.workflow-text{color:var(--color-text-dim);margin:0 0 1.5rem;font-size:.95rem;line-height:1.6}.workflow-tags{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.tag{background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-dim);cursor:default;border-radius:6px;padding:.4rem .875rem;font-size:.8rem;font-weight:500;transition:all .25s;animation:.4s ease-out backwards tagFadeIn}.tag:first-child{animation-delay:50ms}.tag:nth-child(2){animation-delay:.1s}.tag:nth-child(3){animation-delay:.15s}.tag:nth-child(4){animation-delay:.2s}.tag:nth-child(5){animation-delay:.25s}@keyframes tagFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tag:hover{border-color:var(--color-border-hover);color:var(--color-text);transform:translateY(-1px);box-shadow:0 4px 12px -4px #0003}.contact-section{padding-bottom:7rem}.contact-card{max-width:640px;margin:0 auto}.contact-email{background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text);border-radius:16px;justify-content:center;align-items:center;gap:1rem;padding:1.5rem 2rem;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.contact-email:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:0 10px 30px -10px #00000059}.contact-icon{color:var(--color-text-dim);flex-shrink:0;justify-content:center;align-items:center;transition:color .25s;display:flex}.contact-email:hover .contact-icon{color:var(--color-primary)}.contact-address{font-family:var(--font-body);letter-spacing:-.01em;word-break:break-all;font-size:clamp(1.1rem,2.5vw,1.35rem);font-weight:600}@media (width<=600px){.contact-email{text-align:center;flex-direction:column;gap:.75rem;padding:1.5rem}}