.cicd-animation{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:280px;padding:2rem;display:flex}.pipeline-container{align-items:center;gap:1rem;display:flex}.pipeline-stage{flex-direction:column;align-items:center;gap:.5rem;display:flex}.stage-icon{background:linear-gradient(135deg,#26b4e226,#4a9eb226);border:2px solid #26b4e266;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;animation:2s ease-in-out infinite stageGlow;display:flex}.stage-icon svg{stroke:#26b4e2;width:28px;height:28px}.pipeline-stage:first-child .stage-icon{animation-delay:0s}.pipeline-stage:nth-child(3) .stage-icon{animation-delay:.5s}.pipeline-stage:nth-child(5) .stage-icon{animation-delay:1s}@keyframes stageGlow{0%,to{border-color:#26b4e266;box-shadow:0 0 #26b4e200}50%{border-color:#26b4e2cc;box-shadow:0 0 20px #26b4e266}}.stage-label{color:#6f848d;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.pipeline-arrow{background:#26b4e233;border-radius:2px;width:40px;height:4px;position:relative;overflow:hidden}.arrow-flow{background:linear-gradient(90deg,#0000,#26b4e2,#0000);width:20px;height:100%;animation:1.5s ease-in-out infinite arrowFlow;position:absolute;top:0;left:-20px}.pipeline-container>.pipeline-arrow:first-of-type .arrow-flow{animation-delay:.25s}.pipeline-container>.pipeline-arrow:last-of-type .arrow-flow{animation-delay:.75s}@keyframes arrowFlow{0%{left:-20px}to{left:40px}}.pipeline-status{background:#10b9811a;border:1px solid #10b9814d;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;display:flex}.status-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite statusPulse}@keyframes statusPulse{0%,to{opacity:1;box-shadow:0 0 #10b98180}50%{opacity:.7;box-shadow:0 0 0 6px #10b98100}}.pipeline-status span{color:#059669;font-size:.75rem;font-weight:600}.iac-animation{flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:2rem;display:flex;position:relative}.code-block{background:#1e1e2e;border-radius:12px;width:240px;overflow:hidden;box-shadow:0 10px 40px #0003}.code-header{background:#2d2d3d;align-items:center;gap:8px;padding:12px 16px;display:flex}.code-dot{border-radius:50%;width:12px;height:12px}.code-dot.red{background:#ff5f56}.code-dot.yellow{background:#ffbd2e}.code-dot.green{background:#27ca40}.code-filename{color:#6f848d;margin-left:auto;font-size:.7rem}.code-content{padding:16px;font-family:Monaco,Consolas,monospace;font-size:.75rem;line-height:1.8}.code-line{white-space:nowrap;animation:.5s ease-out backwards typeIn}.code-line:first-child{animation-delay:.2s}.code-line:nth-child(2){animation-delay:.4s}.code-line:nth-child(3){animation-delay:.6s}.code-line:nth-child(4){animation-delay:.8s}@keyframes typeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.code-line.indent{padding-left:20px}.code-keyword{color:#c678dd}.code-string{color:#98c379;margin-left:8px}.code-bracket{color:#e5c07b;margin-left:8px}.code-attr{color:#61afef}.code-equals{color:#abb2bf;margin:0 4px}.code-value{color:#98c379}.terraform-icons{position:absolute;bottom:30px;right:30px}.tf-icon{color:#4a9eb2;width:36px;height:36px;animation:3s ease-in-out infinite iconFloat}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.container-animation{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:280px;padding:2rem;display:flex}.container-cluster{gap:20px;display:flex}.k8s-node{background:linear-gradient(135deg,#0ea5e91a,#3b82f61a);border:2px dashed #0ea5e966;border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.container-box{background:linear-gradient(135deg,#0ea5e9,#3b82f6);border-radius:6px;width:40px;height:30px;animation:2s ease-in-out infinite containerPulse}.k8s-node:first-child .container-box:first-child{animation-delay:0s}.k8s-node:first-child .container-box:nth-child(2){animation-delay:.2s}.k8s-node:first-child .container-box:nth-child(3){animation-delay:.4s}.k8s-node:nth-child(2) .container-box:first-child{animation-delay:.3s}.k8s-node:nth-child(2) .container-box:nth-child(2){animation-delay:.5s}@keyframes containerPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.orchestrator{color:#fff;background:linear-gradient(135deg,#0ea5e9,#3b82f6);border-radius:25px;align-items:center;gap:8px;padding:10px 20px;font-size:.8rem;font-weight:600;display:flex;box-shadow:0 4px 15px #0ea5e966}.orchestrator-icon{width:20px;height:20px}.automation-animation{justify-content:center;align-items:center;min-height:280px;padding:2rem;display:flex}.automation-flow{align-items:center;gap:1rem;display:flex}.auto-trigger{flex-direction:column;align-items:center;gap:8px;display:flex}.trigger-icon{color:#f59e0b;width:48px;height:48px;animation:1.5s ease-in-out infinite zapPulse}@keyframes zapPulse{0%,to{filter:drop-shadow(0 0 #f59e0b00);transform:scale(1)}50%{filter:drop-shadow(0 0 15px #f59e0b99);transform:scale(1.1)}}.auto-trigger span{color:#d97706;text-transform:uppercase;font-size:.7rem;font-weight:600}.auto-arrows{flex-direction:column;gap:8px;display:flex}.auto-arrow{background:linear-gradient(90deg,#f59e0b,#f59e0b4d);border-radius:2px;width:30px;height:3px;animation:1s ease-in-out infinite autoArrowFlow}.auto-arrow:first-child{animation-delay:0s}.auto-arrow:nth-child(2){animation-delay:.2s}.auto-arrow:nth-child(3){animation-delay:.4s}@keyframes autoArrowFlow{0%,to{opacity:.3;transform:translate(0)}50%{opacity:1;transform:translate(5px)}}.auto-tasks{flex-direction:column;gap:8px;display:flex}.auto-task{color:#d97706;background:linear-gradient(135deg,#f59e0b1a,#ea580c1a);border:1px solid #f59e0b4d;border-radius:8px;padding:10px 16px;font-size:.75rem;font-weight:600;animation:.5s ease-out backwards taskSlide}.auto-task:first-child{animation-delay:.2s}.auto-task:nth-child(2){animation-delay:.4s}.auto-task:nth-child(3){animation-delay:.6s}@keyframes taskSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.monitoring-animation{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:280px;padding:2rem;display:flex}.dashboard-mini{background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:12px;min-width:200px;padding:16px;box-shadow:0 8px 30px #0003}.dashboard-row{gap:16px;margin-bottom:16px;display:flex}.metric-mini{text-align:center;background:#ffffff1a;border-radius:8px;flex:1;padding:8px}.metric-value{color:#10b981;font-size:1rem;font-weight:700;display:block}.metric-label{color:#fff9;text-transform:uppercase;font-size:.6rem}.chart-mini{background:#ffffff0d;border-radius:6px;align-items:flex-end;gap:6px;height:50px;padding:8px;display:flex}.chart-bar{background:linear-gradient(#10b981,#059669);border-radius:2px;flex:1;animation:2s ease-in-out infinite chartGrow}.chart-bar:first-child{animation-delay:0s}.chart-bar:nth-child(2){animation-delay:.1s}.chart-bar:nth-child(3){animation-delay:.2s}.chart-bar:nth-child(4){animation-delay:.3s}.chart-bar:nth-child(5){animation-delay:.4s}@keyframes chartGrow{0%,to{transform:scaleY(1)}50%{transform:scaleY(.7)}}.monitoring-icon{color:#10b981;width:32px;height:32px;animation:3s ease-in-out infinite iconFloat}.culture-animation{justify-content:center;align-items:center;min-height:280px;padding:2rem;display:flex;position:relative}.team-circle{width:160px;height:160px;position:relative}.team-member{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:3px solid #fff;border-radius:50%;width:40px;height:40px;animation:3s ease-in-out infinite memberFloat;position:absolute;box-shadow:0 4px 12px #8b5cf64d}.team-member.m1{animation-delay:0s;top:0;left:50%;transform:translate(-50%)}.team-member.m2{animation-delay:.5s;top:50%;right:0;transform:translateY(-50%)}.team-member.m3{animation-delay:1s;bottom:0;left:50%;transform:translate(-50%)}.team-member.m4{animation-delay:1.5s;top:50%;left:0;transform:translateY(-50%)}@keyframes memberFloat{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.1)}}.team-member.m2,.team-member.m4{animation-name:memberFloatY}@keyframes memberFloatY{0%,to{transform:translateY(-50%)scale(1)}50%{transform:translateY(-50%)scale(1.1)}}.team-center{background:linear-gradient(135deg,#8b5cf633,#7c3aed33);border:2px solid #8b5cf680;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.team-icon{color:#8b5cf6;width:28px;height:28px}.collaboration-lines{pointer-events:none;width:160px;height:160px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.collab-line{transform-origin:0;background:linear-gradient(90deg,#8b5cf680,#0000);width:50px;height:2px;animation:2s ease-in-out infinite lineGlow;position:absolute;top:50%;left:50%}.collab-line.l1{animation-delay:0s;transform:rotate(0)}.collab-line.l2{animation-delay:.5s;transform:rotate(90deg)}.collab-line.l3{animation-delay:1s;transform:rotate(180deg)}.collab-line.l4{animation-delay:1.5s;transform:rotate(270deg)}@keyframes lineGlow{0%,to{opacity:.3}50%{opacity:1}}@media (max-width:640px){.pipeline-container{flex-direction:column;gap:.5rem}.pipeline-arrow{width:4px;height:30px}.arrow-flow{background:linear-gradient(#0000,#26b4e2,#0000);width:100%;height:15px;animation:1.5s ease-in-out infinite arrowFlowVertical;top:-15px;left:0}@keyframes arrowFlowVertical{0%{top:-15px}to{top:30px}}.automation-flow{flex-direction:column}.auto-arrows{flex-direction:row;transform:rotate(90deg)}.code-block{width:200px}.code-content{font-size:.65rem}}