*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#030108;min-height:100vh;font-family:IBM Plex Mono,monospace;overflow-x:hidden}.content-wrapper{z-index:2;min-height:100vh;position:relative}header{justify-content:space-between;align-items:center;padding:2rem 4rem;display:flex}.logo-link{align-items:center;gap:1rem;text-decoration:none;transition:opacity .3s;display:flex}.logo-link:hover{opacity:.8}.logo-link img{filter:drop-shadow(0 0 20px #6441ee80);width:140px;height:auto}.header-status{letter-spacing:.15em;color:#8181fb99;align-items:center;gap:.5rem;font-family:IBM Plex Mono,monospace;font-size:.6rem;display:flex}.status-dot-small{border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.status-dot-small.operational{background:#8181fb;box-shadow:0 0 10px #8181fb}.status-dot-small.degraded{background:#ff9500;box-shadow:0 0 10px #ff9500}.status-dot-small.outage{background:#ff3b3b;box-shadow:0 0 10px #ff3b3b}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hero{text-align:center;flex-direction:column;align-items:center;padding:8rem 4rem 6rem;display:flex}.hero h1{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#ffffffb3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-family:Orbitron,sans-serif;font-size:2.8rem;font-weight:600;line-height:1.2;animation:1s ease-out fadeIn}.hero-subtitle{letter-spacing:.4em;color:#ffffff80;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:.85rem;font-weight:300;animation:1s ease-out .2s both fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}main{max-width:1400px;margin:0 auto;padding:0 4rem 6rem}section{border-top:1px solid #8181fb1a;padding:4rem 0}.section-label{letter-spacing:.4em;color:#8181fb;text-transform:uppercase;align-items:center;gap:1rem;margin-bottom:1.5rem;font-family:IBM Plex Mono,monospace;font-size:.65rem;display:flex}.section-label:before{content:"";background:#8181fb;width:24px;height:1px}.status-section{grid-template-columns:1fr 1.5fr;align-items:start;gap:6rem;display:grid}.status-section h2{letter-spacing:.05em;color:#fff;margin-bottom:1rem;font-family:Orbitron,sans-serif;font-size:2rem;font-weight:500}.status-section>div:first-child p{color:#ffffff80;font-size:.9rem;line-height:1.7}.status-display{flex-direction:column;gap:2rem;display:flex}.status-card{background:linear-gradient(135deg,#8181fb0a 0%,#6441ee05 100%);border:1px solid #8181fb1f;padding:2rem;position:relative}.status-card:before{content:"";background:linear-gradient(#8181fb,#0000);width:3px;height:100%;position:absolute;top:0;left:0}.status-card.operational:before{background:linear-gradient(#8181fb,#0000)}.status-card.degraded:before{background:linear-gradient(#ff9500,#0000)}.status-card.outage:before{background:linear-gradient(#ff3b3b,#0000)}.status-card-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.status-indicator{border-radius:50%;width:12px;height:12px;animation:2s infinite pulse}.status-indicator.operational{background:#8181fb;box-shadow:0 0 15px #8181fb}.status-indicator.degraded{background:#ff9500;box-shadow:0 0 15px #ff9500}.status-indicator.outage{background:#ff3b3b;box-shadow:0 0 15px #ff3b3b}.status-card-title{color:#fff;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:500}.status-card-message{color:#fff9;font-size:.85rem;line-height:1.7}.status-card-time{color:#ffffff59;margin-top:1rem;font-size:.7rem}.incidents-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.incident-card{background:linear-gradient(135deg,#ff95000f 0%,#ff950005 100%);border:1px solid #ff950026;padding:2rem;position:relative}.incident-card:before{content:"";background:linear-gradient(#ff9500,#0000);width:3px;height:100%;position:absolute;top:0;left:0}.incident-card.critical{background:linear-gradient(135deg,#ff3b3b0f 0%,#ff3b3b05 100%);border-color:#ff3b3b26}.incident-card.critical:before{background:linear-gradient(#ff3b3b,#0000)}.incident-card-label{letter-spacing:.2em;color:#ff9500;text-transform:uppercase;margin-bottom:.75rem;font-size:.65rem}.incident-card.critical .incident-card-label{color:#ff3b3b}.incident-card-title{color:#fff;margin-bottom:.75rem;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:500}.incident-card-description{color:#fff9;margin-bottom:1.5rem;font-size:.85rem;line-height:1.7}.incident-updates{border-top:1px solid #ffffff14;padding-top:1.5rem}.incident-update{gap:1.5rem;margin-bottom:1.25rem;display:flex}.incident-update:last-child{margin-bottom:0}.update-time{color:#8181fbb3;flex-shrink:0;min-width:100px;font-size:.7rem}.update-content{color:#ffffff80;font-size:.8rem;line-height:1.6}.update-status{letter-spacing:.1em;text-transform:uppercase;color:#8181fb;background:#8181fb26;margin-right:.5rem;padding:.25rem .5rem;font-size:.6rem;display:inline-block}.update-status.investigating{color:#ff9500;background:#ff950026}.update-status.monitoring{color:#8181fb;background:#8181fb26}.update-status.resolved{color:#0f8;background:#00ff8826}.no-incidents{color:#ffffff80;font-size:.9rem;font-style:italic}.history-grid{background:#8181fb1a;grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.history-item{cursor:pointer;background:#030108fa;padding:2rem;transition:all .3s;position:relative}.history-item:hover{background:#8181fb0d}.history-item:last-child:nth-child(odd){grid-column:1/-1}.history-item-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.history-item-date{color:#8181fb80;margin-bottom:.75rem;font-family:Orbitron,sans-serif;font-size:.7rem}.history-item-title{color:#fff;letter-spacing:.02em;margin-bottom:.5rem;font-family:Orbitron,sans-serif;font-size:.95rem;font-weight:500}.history-item-description{color:#ffffff73;margin-bottom:.75rem;font-size:.8rem;line-height:1.6}.history-item-meta{align-items:center;gap:1rem;display:flex}.history-duration{letter-spacing:.1em;color:#ffffff4d;text-transform:uppercase;font-size:.65rem}.history-severity{letter-spacing:.1em;text-transform:uppercase;padding:.2rem .5rem;font-size:.6rem}.history-severity.degraded{color:#ff9500;background:#ff950026}.history-severity.outage{color:#ff3b3b;background:#ff3b3b26}.expand-indicator{letter-spacing:.15em;color:#8181fb80;text-transform:uppercase;align-items:center;gap:.5rem;margin-top:1rem;font-size:.6rem;transition:color .3s;display:flex}.history-item:hover .expand-indicator{color:#8181fb}.expand-indicator svg{width:12px;height:12px;transition:transform .3s}.history-item.expanded .expand-indicator svg{transform:rotate(180deg)}.history-updates{border-top:0 solid #ffffff14;max-height:0;margin-top:0;padding-top:0;transition:max-height .4s,margin-top .3s,padding-top .3s;overflow:hidden}.history-item.expanded .history-updates{border-top-width:1px;max-height:500px;margin-top:1.5rem;padding-top:1.5rem}.history-update{gap:1.5rem;margin-bottom:1rem;display:flex}.history-update:last-child{margin-bottom:0}.history-update-time{color:#8181fb99;flex-shrink:0;min-width:90px;font-size:.65rem}.history-update-content{color:#ffffff73;font-size:.75rem;line-height:1.6}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;opacity:0;visibility:hidden;background:#030108f2;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background:linear-gradient(135deg,#8181fb0a 0%,#6441ee05 100%);border:1px solid #8181fb26;width:90%;max-width:700px;max-height:80vh;transition:transform .3s;position:relative;overflow-y:auto;transform:translateY(20px)}.modal-overlay.active .modal-content{transform:translateY(0)}.modal-content:before{content:"";background:linear-gradient(#8181fb,#0000);width:3px;height:100%;position:absolute;top:0;left:0}.modal-content.degraded:before{background:linear-gradient(#ff9500,#0000)}.modal-content.outage:before{background:linear-gradient(#ff3b3b,#0000)}.modal-header{border-bottom:1px solid #ffffff14;padding:2rem}.modal-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:.5rem;transition:color .3s;position:absolute;top:1.5rem;right:1.5rem}.modal-close:hover{color:#fff}.modal-close svg{width:20px;height:20px}.modal-label{letter-spacing:.2em;color:#8181fb99;text-transform:uppercase;margin-bottom:.5rem;font-size:.6rem}.modal-label.degraded{color:#ff9500}.modal-label.outage{color:#ff3b3b}.modal-title{color:#fff;margin-bottom:.5rem;padding-right:2rem;font-family:Orbitron,sans-serif;font-size:1.25rem;font-weight:500}.modal-meta{color:#fff6;gap:1.5rem;font-size:.7rem;display:flex}.modal-body{padding:2rem}.modal-description{color:#fff9;margin-bottom:2rem;font-size:.85rem;line-height:1.7}.modal-timeline-label{letter-spacing:.2em;color:#8181fb;text-transform:uppercase;margin-bottom:1rem;font-size:.6rem}.modal-timeline{padding-left:1.5rem;position:relative}.modal-timeline:before{content:"";background:linear-gradient(#8181fb4d,#0000);width:1px;position:absolute;top:0;bottom:0;left:3px}.modal-update{margin-bottom:1.5rem;padding-left:1rem;position:relative}.modal-update:last-child{margin-bottom:0}.modal-update:before{content:"";background:#8181fb80;border-radius:50%;width:7px;height:7px;position:absolute;top:.4rem;left:-1.5rem}.modal-update:first-child:before{background:#0f8;box-shadow:0 0 8px #00ff8880}.modal-update-time{color:#8181fb99;margin-bottom:.25rem;font-size:.65rem}.modal-update-content{color:#ffffff80;font-size:.8rem;line-height:1.6}footer{background:#030108fc;border-top:1px solid #8181fb1a;padding:4rem}.footer-inner{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.footer-logo{align-items:center;gap:1rem;display:flex}.footer-logo img{opacity:.7;width:120px;height:auto}.footer-text{letter-spacing:.1em;color:#ffffff4d;font-size:.7rem}.footer-status{letter-spacing:.1em;color:#fff6;align-items:center;gap:.75rem;font-size:.7rem;display:flex}@media (max-width:1024px){.status-section{grid-template-columns:1fr;gap:3rem}.history-grid{grid-template-columns:1fr}}@media (max-width:768px){header{padding:1.5rem 2rem}.hero{padding:5rem 2rem 4rem}.hero h1{font-size:2rem}main{padding:0 2rem 4rem}.footer-inner{text-align:center;flex-direction:column;gap:2rem}.modal-content{width:95%;max-height:90vh}}.refresh-indicator{opacity:.3;justify-content:center;align-items:center;width:20px;height:20px;margin-left:12px;transition:opacity .3s,transform .3s;display:flex}.refresh-indicator svg{stroke:currentColor;width:14px;height:14px}.refresh-indicator.refreshing{opacity:1}.refresh-indicator.refreshing svg{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-card.loading{position:relative;overflow:hidden}.status-card.loading:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.5s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton{pointer-events:none}.skeleton-line{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-label{width:100px;height:12px;margin-bottom:12px}.skeleton-title{width:70%;height:20px;margin-bottom:16px}.skeleton-description{width:100%;height:14px;margin-bottom:8px}.skeleton-description.short{width:60%}.skeleton-time{width:80px;height:12px}.skeleton-message{width:85%;height:14px}.skeleton-date{width:90px;height:12px;margin-bottom:8px}.skeleton-meta{width:150px;height:12px;margin-top:12px}.incident-card.skeleton{background:#ffffff05;border-color:#ffffff0d}.incident-card.skeleton .incident-updates{border-top:1px solid #ffffff0d;margin-top:20px;padding-top:16px}.incident-card.skeleton .incident-update{gap:16px;padding:12px 0;display:flex}.history-item.skeleton{cursor:default;background:#ffffff05;border-color:#ffffff0d}.history-item.skeleton:hover{border-color:#ffffff0d;transform:none}.history-item.skeleton .expand-indicator{display:none}.error-state{text-align:center;color:#ffffff80;background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.error-state svg{stroke:#ff6b6b;opacity:.7;width:48px;height:48px;margin-bottom:16px}.error-state p{margin-bottom:20px;font-family:IBM Plex Mono,monospace;font-size:14px}.retry-button{letter-spacing:.1em;text-transform:uppercase;color:#fffc;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:4px;padding:10px 24px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:600;transition:all .2s}.retry-button:hover{color:#fff;background:#ffffff0d;border-color:#fff6}.incident-card:not(.skeleton),.history-item:not(.skeleton){animation:.4s ease-out fadeIn}.history-item:not(.skeleton):first-child{animation-delay:0s}.history-item:not(.skeleton):nth-child(2){animation-delay:50ms}.history-item:not(.skeleton):nth-child(3){animation-delay:.1s}.history-item:not(.skeleton):nth-child(4){animation-delay:.15s}.history-item:not(.skeleton):nth-child(5){animation-delay:.2s}.history-item:not(.skeleton):nth-child(6){animation-delay:.25s}.no-incidents{color:#fff6;text-align:center;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:8px;padding:32px 24px;font-family:IBM Plex Mono,monospace;font-size:14px}