@keyframes maintenance-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes maintenance-glow{0%,to{box-shadow:0 0 5px #dc262680}50%{box-shadow:0 0 20px #dc2626cc}}.maintenance-modal-enter{animation:maintenance-modal-slide-in .3s ease-out}.maintenance-modal-leave{animation:maintenance-modal-slide-out .2s ease-in}@keyframes maintenance-modal-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes maintenance-modal-slide-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}.status-indicator{position:relative;display:inline-block}.status-indicator:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;transform:translate(-50%,-50%);animation:status-ping 2s cubic-bezier(0,0,.2,1) infinite}.status-indicator.operational:before{background-color:#22c55e66}.status-indicator.maintenance:before{background-color:#dc262666}.status-indicator.warning:before{background-color:#f59e0b66}@keyframes status-ping{75%,to{transform:translate(-50%,-50%) scale(2);opacity:0}}.countdown-timer{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;letter-spacing:.05em}.countdown-critical{animation:maintenance-pulse 1s ease-in-out infinite;color:#dc2626}.countdown-warning{animation:maintenance-glow 2s ease-in-out infinite}.maintenance-progress{background:linear-gradient(90deg,#ef4444,#f97316,#eab308);background-size:200% 100%;animation:maintenance-progress-flow 3s ease-in-out infinite}@keyframes maintenance-progress-flow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.maintenance-background{background:linear-gradient(135deg,#1e3a8a,#1e40af,#3730a3,#581c87,#7c2d12);background-size:400% 400%;animation:maintenance-bg-shift 15s ease infinite}@keyframes maintenance-bg-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.service-card{transition:all .3s ease;border:1px solid #e5e7eb}.service-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.service-card.operational{border-left:4px solid #10b981}.service-card.maintenance{border-left:4px solid #ef4444}.service-card.warning{border-left:4px solid #f59e0b}@media(max-width:640px){.maintenance-modal{margin:1rem;max-width:calc(100% - 2rem)}.countdown-timer{font-size:1.25rem}.service-card{margin-bottom:.5rem}}@media(prefers-color-scheme:dark){.maintenance-background{background:linear-gradient(135deg,#0f172a,#1e293b,#334155,#475569,#64748b)}.service-card{background-color:#1f2937;border-color:#374151;color:#f9fafb}.maintenance-modal{background-color:#1f2937;color:#f9fafb}}@media print{.maintenance-modal,.countdown-timer,button{display:none!important}.maintenance-background{background:#fff!important;color:#000!important}}@media(prefers-contrast:high){.status-indicator.operational:before{background-color:green}.status-indicator.maintenance:before{background-color:red}.status-indicator.warning:before{background-color:orange}}@media(prefers-reduced-motion:reduce){.maintenance-pulse,.maintenance-glow,.maintenance-progress,.maintenance-bg-shift,.status-ping{animation:none!important}.service-card:hover{transform:none}}