.cloud-migration-animation{justify-content:center;align-items:center;min-height:280px;padding:2rem;display:flex}.migration-container{justify-content:center;align-items:center;gap:1.5rem;display:flex}.migration-server{flex-direction:column;align-items:center;gap:.5rem;display:flex}.server-rack{background:linear-gradient(135deg,#374151 0%,#1f2937 100%);border-radius:8px;flex-direction:column;gap:4px;padding:12px;display:flex;box-shadow:0 4px 12px #0003}.server-unit{background:linear-gradient(90deg,#4b5563 0%,#6b7280 50%,#4b5563 100%);border-radius:2px;width:60px;height:16px;position:relative}.server-unit:before{content:"";background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite server-blink;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.server-unit:nth-child(2):before{animation-delay:.3s}.server-unit:nth-child(3):before{animation-delay:.6s}@keyframes server-blink{0%,to{opacity:.5}50%{opacity:1}}.server-label,.cloud-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.migration-flow{justify-content:center;align-items:center;width:100px;height:40px;display:flex;position:relative}.flow-arrow{color:#0ea5e9;width:100%;height:100%}.data-packet{background:linear-gradient(135deg,#0ea5e9 0%,#3b82f6 100%);border-radius:3px;width:12px;height:12px;animation:2s ease-in-out infinite migrate-packet;position:absolute;box-shadow:0 0 10px #0ea5e980}.data-packet:nth-child(2){animation-delay:.5s}.data-packet:nth-child(3){animation-delay:1s}@keyframes migrate-packet{0%{opacity:0;left:0;transform:scale(.5)}20%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;left:calc(100% - 12px);transform:scale(.5)}}.migration-cloud{flex-direction:column;align-items:center;gap:.5rem;display:flex}.cloud-icon{color:#0ea5e9;filter:drop-shadow(0 4px 12px #0ea5e94d);width:80px;height:80px;animation:3s ease-in-out infinite cloud-float}@keyframes cloud-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.cloud-modernization-animation{justify-content:center;align-items:center;min-height:280px;padding:2rem;display:flex}.modernization-container{justify-content:center;align-items:center;gap:1.5rem;display:flex}.legacy-app{flex-direction:column;align-items:center;display:flex}.monolith-block{color:#fff;background:linear-gradient(135deg,#64748b 0%,#475569 100%);border-radius:8px;justify-content:center;align-items:center;width:80px;height:100px;font-size:.7rem;font-weight:600;display:flex;box-shadow:0 4px 12px #00000026}.transform-arrow{justify-content:center;align-items:center;display:flex}.transform-icon{color:#14b8a6;width:32px;height:32px;animation:3s ease-in-out infinite transform-spin}@keyframes transform-spin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.modern-app{grid-template-columns:repeat(2,1fr);gap:8px;display:grid;position:relative}.microservice{background:linear-gradient(135deg,#14b8a6 0%,#0d9488 100%);border-radius:6px;width:36px;height:36px;animation:2s ease-in-out infinite microservice-pulse;box-shadow:0 2px 8px #14b8a64d}.microservice:nth-child(2){animation-delay:.2s}.microservice:nth-child(3){animation-delay:.4s}.microservice:nth-child(4){animation-delay:.6s}@keyframes microservice-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.container-label{color:#14b8a6;white-space:nowrap;font-size:.7rem;font-weight:600;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.cloud-security-animation{justify-content:center;align-items:center;min-height:280px;padding:2rem;display:flex}.security-container{justify-content:center;align-items:center;gap:2rem;display:flex}.security-shield{justify-content:center;align-items:center;display:flex;position:relative}.shield-icon{color:#06b6d4;filter:drop-shadow(0 4px 12px #06b6d44d);width:64px;height:64px}.shield-pulse{border:2px solid #06b6d4;border-radius:50%;width:80px;height:80px;animation:2s ease-out infinite shield-pulse-anim;position:absolute}.shield-pulse:nth-child(3){animation-delay:1s}@keyframes shield-pulse-anim{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.security-layers{flex-direction:column;gap:8px;display:flex}.security-layer{color:#0891b2;background:linear-gradient(135deg,#06b6d426 0%,#14b8a626 100%);border:1px solid #06b6d44d;border-radius:6px;padding:8px 16px;font-size:.75rem;font-weight:600;animation:.5s ease-out backwards layer-slide}.security-layer:first-child{animation-delay:.1s}.security-layer:nth-child(2){animation-delay:.2s}.security-layer:nth-child(3){animation-delay:.3s}@keyframes layer-slide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.cloud-optimization-animation{justify-content:center;align-items:center;min-height:280px;padding:2rem;display:flex}.optimization-container{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.cost-chart{background:linear-gradient(135deg,#10b9811a 0%,#22c55e1a 100%);border-radius:12px;align-items:flex-end;gap:24px;padding:20px;display:flex;position:relative}.chart-bar{border-radius:4px 4px 0 0;width:40px;position:relative}.chart-bar.before{background:linear-gradient(#f87171 0%,#ef4444 100%);height:100px;animation:1s ease-out backwards bar-grow}.chart-bar.after{background:linear-gradient(#34d399 0%,#10b981 100%);height:60px;animation:1s ease-out .3s backwards bar-grow}@keyframes bar-grow{0%{height:0}}.savings-badge{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:20px;padding:4px 12px;font-size:.875rem;font-weight:700;animation:2s ease-in-out infinite badge-bounce;position:absolute;top:8px;right:8px}@keyframes badge-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.optimization-metrics{gap:16px;display:flex}.metric{color:#059669;background:#fff;border:1px solid #d1fae5;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:.75rem;font-weight:600;display:flex}.metric-icon{width:16px;height:16px}.managed-services-animation{justify-content:center;align-items:center;min-height:280px;padding:2rem;display:flex}.managed-container{flex-direction:column;align-items:center;gap:1rem;display:flex}.monitoring-dashboard{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);border-radius:12px;min-width:200px;padding:16px;box-shadow:0 8px 24px #0003}.dashboard-header{border-bottom:1px solid #ffffff1a;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;display:flex}.status-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite status-pulse}@keyframes status-pulse{0%,to{opacity:1;box-shadow:0 0 #10b98180}50%{opacity:.8;box-shadow:0 0 0 4px #10b98100}}.dashboard-header span{color:#ffffffe6;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.metric-card{text-align:center;background:#ffffff1a;border-radius:8px;padding:10px}.metric-value{color:#a78bfa;font-size:1.125rem;font-weight:700;display:block}.metric-label{color:#fff9;text-transform:uppercase;font-size:.625rem}.support-icon{color:#8b5cf6;width:40px;height:40px;animation:2s ease-in-out infinite support-bounce}@keyframes support-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.multicloud-animation{justify-content:center;align-items:center;min-height:280px;padding:2rem;display:flex}.multicloud-container{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.cloud-providers{gap:16px;display:flex}.provider{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;font-size:.75rem;font-weight:700;animation:3s ease-in-out infinite provider-float;display:flex;box-shadow:0 4px 16px #00000026}.provider.aws{background:linear-gradient(135deg,#f90 0%,#f60 100%);animation-delay:0s}.provider.azure{background:linear-gradient(135deg,#0078d4 0%,#005a9e 100%);animation-delay:.3s}.provider.gcp{background:linear-gradient(135deg,#4285f4 0%,#34a853 50%,#fbbc05 75%,#ea4335 100%);animation-delay:.6s}@keyframes provider-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.orchestration-layer{background:linear-gradient(135deg,#fbbf2426 0%,#f59e0b26 100%);border:1px solid #fbbf244d;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;display:flex}.layers-icon{color:#f59e0b;width:32px;height:32px;animation:2s ease-in-out infinite layers-pulse}@keyframes layers-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.orchestration-layer span{color:#d97706;font-size:.75rem;font-weight:600}@media (max-width:640px){.migration-container,.modernization-container,.security-container{flex-direction:column;gap:1rem}.migration-flow{transform:rotate(90deg)}.cloud-providers{flex-wrap:wrap;justify-content:center}.provider{width:56px;height:56px;font-size:.65rem}}