:root{--bg-base:#06060a;--glass-bg:#0e0e1299;--glass-bg-strong:#0e0e12bf;--glass-border:#ffffff0f;--glass-border-hover:#ffffff1f;--glass-highlight:#ffffff08;--glass-blur:24px;--text-primary:#f0f0f2;--text-secondary:#a0a0aa;--text-muted:#5a5a66;--text-dim:#3a3a44;--red:#ff3131;--red-dark:#d42a2a;--red-glow:#ff313180;--red-glow-soft:#ff313140;--red-dim:#ff31311f;--red-subtle:#ff31310f;--green:#22c55e;--green-glow:#22c55e66;--green-dim:#22c55e1a;--yellow:#eab308;--yellow-glow:#eab30866;--yellow-dim:#eab3081a;--s-red:#ef4444;--s-red-glow:#ef444466;--s-red-dim:#ef44441a;--grey:#3f3f46;--grey-dim:#27272a;--radius:16px;--radius-sm:10px;--radius-xs:6px;--transition:.2s ease;--max-width:900px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-base);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;overflow-x:hidden}.bg-glow-layer{pointer-events:none;z-index:-2;background:radial-gradient(80% 60% at 20% 15%,#ff31312e 0%,#0000 50%),radial-gradient(60% 70% at 80% 80%,#ff31311f 0%,#0000 50%),radial-gradient(90% 90%,#ff31310a 0%,#0000 60%);animation:8s ease-in-out infinite alternate bg-pulse;position:fixed;inset:0}@keyframes bg-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.bg-orb{pointer-events:none;z-index:-1;filter:blur(80px);border-radius:50%;position:fixed}.bg-orb-1{background:radial-gradient(circle,#ff31314d 0%,#ff313114 40%,#0000 70%);width:600px;height:600px;animation:12s ease-in-out infinite alternate orb-float-1;top:-15%;left:-8%}.bg-orb-2{background:radial-gradient(circle,#ff313138 0%,#ff31310f 40%,#0000 70%);width:500px;height:500px;animation:15s ease-in-out infinite alternate orb-float-2;bottom:-8%;right:-8%}.bg-orb-3{background:radial-gradient(circle,#ff313126 0%,#ff31310a 40%,#0000 70%);width:400px;height:400px;animation:10s ease-in-out infinite alternate orb-float-3;top:40%;left:50%;transform:translate(-50%)}@keyframes orb-float-1{0%{transform:translate(0)scale(1)}33%{transform:translate(60px,40px)scale(1.1)}66%{transform:translate(-30px,80px)scale(.95)}to{transform:translate(40px,20px)scale(1.05)}}@keyframes orb-float-2{0%{transform:translate(0)scale(1)}33%{transform:translate(-50px,-30px)scale(1.08)}66%{transform:translate(40px,-60px)scale(.92)}to{transform:translate(-20px,-40px)scale(1.04)}}@keyframes orb-float-3{0%{opacity:.6;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-40%)scale(1.2)}to{opacity:.5;transform:translate(-60%)scale(.9)}}.header{z-index:100;-webkit-backdrop-filter:blur(40px)saturate(1.8);background:#12121873;border-bottom:1px solid #ffffff1a;position:sticky;top:0;box-shadow:0 4px 30px #0006,0 0 80px #ff31310f,inset 0 1px #ffffff14,inset 0 -1px #ff313114}.header-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:12px 24px;display:flex}.header-brand{align-items:center;gap:14px;text-decoration:none;display:flex;position:relative}.logo-text-wrap{letter-spacing:.12em;color:var(--red);text-shadow:0 0 20px #ff313199,0 0 40px #ff31314d,0 0 80px #ff313126;align-items:center;font-family:IBM Plex Mono,monospace;font-size:28px;font-weight:700;line-height:1;transition:all .3s;animation:4s ease-in-out infinite logo-glow;display:flex}.logo-text-wrap:hover{text-shadow:0 0 30px #ff3131cc,0 0 60px #ff313180,0 0 100px #ff313140;transform:scale(1.05)}@keyframes logo-glow{0%,to{text-shadow:0 0 20px #ff313199,0 0 40px #ff31314d,0 0 80px #ff313126}50%{text-shadow:0 0 30px #ff3131cc,0 0 60px #ff313166,0 0 100px #ff313133}}.logo-rest{letter-spacing:.15em}.logo-glow-ring{pointer-events:none;z-index:-1;background:radial-gradient(#ff313133 0%,#0000 70%);width:100px;height:60px;animation:4s ease-in-out infinite logo-bg-pulse;position:absolute;top:50%;left:60px;transform:translateY(-50%)}@keyframes logo-bg-pulse{0%,to{opacity:.6;transform:translateY(-50%)scale(1)}50%{opacity:1;transform:translateY(-50%)scale(1.15)}}.header-divider{background:#ff313133;width:1px;height:20px}.header-subtitle{color:var(--text-muted);font-size:13px;font-weight:400}.header-right{align-items:center;gap:16px;display:flex}.last-updated{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:11px}.header-portal-link{color:var(--text-muted);border-radius:var(--radius-xs);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);transition:all var(--transition);align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:500;text-decoration:none;display:flex}.header-portal-link svg{width:12px;height:12px}.header-portal-link:hover{color:var(--red);background:#ff313114;border-color:#ff31314d;box-shadow:0 0 16px #ff31311a}.main{max-width:var(--max-width);z-index:1;margin:0 auto;padding:32px 24px 80px;position:relative}.status-hero{border-radius:var(--radius);-webkit-backdrop-filter:blur(40px)saturate(1.8);background:#12121866;border:1px solid #ffffff1a;margin-bottom:28px;padding:40px 32px 32px;animation:.8s ease-out hero-enter;position:relative;overflow:hidden;box-shadow:0 8px 50px #00000059,0 0 80px #ff31310d,inset 0 1px #ffffff14}@keyframes hero-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.status-hero:before{content:"";background:linear-gradient(90deg,#0000 10%,#ff313166 50%,#0000 90%);height:1px;position:absolute;top:0;left:0;right:0}.hero-glow-bg{pointer-events:none;z-index:0;background:radial-gradient(ellipse 40% 50% at 50% 25%, var(--green-dim) 0%, transparent 70%);opacity:.8;transition:background 1s;animation:5s ease-in-out infinite alternate hero-breathe;position:absolute;inset:-30%}.status-hero.degraded .hero-glow-bg{background:radial-gradient(ellipse 40% 50% at 50% 25%, var(--yellow-dim) 0%, transparent 70%)}.status-hero.outage .hero-glow-bg{background:radial-gradient(ellipse 40% 50% at 50% 25%, var(--s-red-dim) 0%, transparent 70%)}@keyframes hero-breathe{0%{opacity:.5}to{opacity:1}}.hero-content{z-index:1;text-align:center;margin-bottom:28px;position:relative}.hero-indicator{justify-content:center;margin-bottom:18px;display:flex}.hero-ring{border:2px solid var(--green);width:52px;height:52px;box-shadow:0 0 20px var(--green-glow), 0 0 50px #22c55e26, inset 0 0 12px #22c55e14;border-radius:50%;justify-content:center;align-items:center;transition:all .8s;animation:3s ease-in-out infinite ring-pulse;display:flex}.status-hero.degraded .hero-ring{border-color:var(--yellow);box-shadow:0 0 20px var(--yellow-glow), 0 0 50px #eab30826, inset 0 0 12px #eab30814}.status-hero.outage .hero-ring{border-color:var(--s-red);box-shadow:0 0 20px var(--s-red-glow), 0 0 50px #ef444426, inset 0 0 12px #ef444414}@keyframes ring-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.hero-dot{background:var(--green);border-radius:50%;width:14px;height:14px;animation:2s ease-in-out infinite dot-breathe}.status-hero.degraded .hero-dot{background:var(--yellow)}.status-hero.outage .hero-dot{background:var(--s-red)}.status-hero.unknown .hero-dot{background:var(--grey);animation:none}@keyframes dot-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-text{color:var(--text-primary);letter-spacing:-.02em;font-size:24px;font-weight:700}.hero-sub{color:var(--text-muted);margin-top:6px;font-size:13px}.kpi-row{z-index:1;grid-template-columns:repeat(4,1fr);gap:16px;display:grid;position:relative}.kpi-sphere{flex-direction:column;align-items:center;gap:12px;display:flex}.sphere-orb{-webkit-backdrop-filter:blur(16px)saturate(1.4);cursor:default;background:radial-gradient(circle at 35% 35%,#ff505040 0%,#ff31311f 40%,#140a0a99 100%);border:1px solid #ff31314d;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;transition:all .4s;animation:6s ease-in-out infinite sphere-float;display:flex;position:relative;box-shadow:0 0 30px #ff313133,0 0 60px #ff31311a,inset 0 0 20px #ff313114,inset 0 -8px 20px #0000004d}.sphere-orb:before{content:"";pointer-events:none;background:radial-gradient(#fff3 0%,#0000 70%);border-radius:50%;width:40%;height:25%;position:absolute;top:8%;left:20%}.sphere-orb:hover{border-color:#ff313180;transform:scale(1.08);box-shadow:0 0 40px #ff313159,0 0 80px #ff313126,0 0 120px #ff313114,inset 0 0 25px #ff31311f,inset 0 -8px 20px #0000004d}@keyframes sphere-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.kpi-sphere:nth-child(2) .sphere-orb{animation-delay:-1.5s}.kpi-sphere:nth-child(3) .sphere-orb{animation-delay:-3s}.kpi-sphere:nth-child(4) .sphere-orb{animation-delay:-4.5s}.sphere-glow{pointer-events:none;border:1px solid #ff313126;border-radius:50%;animation:3s ease-in-out infinite sphere-pulse;position:absolute;inset:-12px}@keyframes sphere-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.kpi-sphere:nth-child(2) .sphere-glow{animation-delay:-.75s}.kpi-sphere:nth-child(3) .sphere-glow{animation-delay:-1.5s}.kpi-sphere:nth-child(4) .sphere-glow{animation-delay:-2.25s}.sphere-inner{z-index:1;justify-content:center;align-items:baseline;display:flex;position:relative}.kpi-value{color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.03em;text-shadow:0 0 12px #ffffff26;font-size:26px;font-weight:800;line-height:1}.kpi-unit{color:var(--text-muted);margin-left:2px;font-size:12px;font-weight:600}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px;font-size:10px;font-weight:600}.section{margin-bottom:24px}.glass-panel{border-radius:var(--radius);-webkit-backdrop-filter:blur(30px)saturate(1.6);background:#12121866;border:1px solid #ffffff14;padding:24px;position:relative;overflow:hidden;box-shadow:0 8px 40px #0000004d,0 0 60px #ff313108,inset 0 1px #ffffff0f}.glass-panel:before{content:"";background:linear-gradient(90deg,#0000 5%,#ff313140 50%,#0000 95%);height:1px;position:absolute;top:0;left:0;right:0}.fade-in-up{opacity:0;animation:.6s ease-out forwards fade-up;transform:translateY(24px)}@keyframes fade-up{to{opacity:1;transform:translateY(0)}}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-title{color:var(--text-secondary);font-size:14px;font-weight:600}.range-buttons{border:1px solid var(--glass-border);border-radius:var(--radius-xs);-webkit-backdrop-filter:blur(8px);background:#ffffff08;gap:2px;padding:2px;display:flex}.range-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-radius:4px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:500}.range-btn:hover{color:var(--text-secondary)}.range-btn.active{color:var(--red);background:#ff313126;box-shadow:0 0 12px #ff313126}.services-list{flex-direction:column;display:flex}.service-row{border-bottom:1px solid var(--glass-border);padding:18px 0}.service-row:first-child{padding-top:0}.service-row:last-child{border-bottom:none;padding-bottom:0}.service-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.service-name{color:var(--text-primary);font-size:14px;font-weight:500}.service-status{text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.service-status .mini-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.service-status.operational{color:var(--green)}.service-status.operational .mini-dot{background:var(--green);box-shadow:0 0 8px var(--green-glow)}.service-status.degraded{color:var(--yellow)}.service-status.degraded .mini-dot{background:var(--yellow);box-shadow:0 0 8px var(--yellow-glow)}.service-status.outage{color:var(--s-red)}.service-status.outage .mini-dot{background:var(--s-red);box-shadow:0 0 8px var(--s-red-glow)}.service-status.unknown{color:var(--grey)}.service-status.unknown .mini-dot{background:var(--grey)}.uptime-bars{align-items:stretch;gap:1.5px;height:34px;display:flex}.uptime-bar{cursor:pointer;border-radius:2px;flex:1;min-width:1.5px;transition:all .12s}.uptime-bar:hover{opacity:.8;filter:brightness(1.4);transform:scaleY(1.2)}.uptime-bar.operational{background:var(--green);box-shadow:0 0 4px #22c55e33}.uptime-bar.degraded{background:var(--yellow);box-shadow:0 0 4px #eab30833}.uptime-bar.outage{background:var(--s-red);box-shadow:0 0 4px #ef444433}.uptime-bar.nodata{background:var(--grey-dim)}.uptime-timeline{align-items:center;height:18px;margin-top:8px;display:flex}.uptime-timeline-label{color:var(--text-dim);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px}.uptime-timeline-line{flex:1;height:1px;margin:0 10px;position:relative}.uptime-timeline-line:before{content:"";background:linear-gradient(90deg, transparent, var(--green), transparent);opacity:.35;height:1px;position:absolute;inset:0}.uptime-timeline.degraded .uptime-timeline-line:before{background:linear-gradient(90deg, transparent, var(--yellow), transparent)}.uptime-timeline.outage .uptime-timeline-line:before{background:linear-gradient(90deg, transparent, var(--s-red), transparent)}.uptime-timeline.nodata .uptime-timeline-line:before{background:linear-gradient(90deg, transparent, var(--grey), transparent)}.uptime-pct{color:var(--green);font-variant-numeric:tabular-nums;text-shadow:0 0 14px var(--green-glow);flex-shrink:0;font-size:12px;font-weight:700}.uptime-timeline.degraded .uptime-pct{color:var(--yellow);text-shadow:0 0 14px var(--yellow-glow)}.uptime-timeline.outage .uptime-pct{color:var(--s-red);text-shadow:0 0 14px var(--s-red-glow)}.uptime-timeline.nodata .uptime-pct{color:var(--text-muted);text-shadow:none}.uptime-tooltip{z-index:1000;border:1px solid var(--glass-border-hover);border-radius:var(--radius-sm);color:var(--text-secondary);-webkit-backdrop-filter:blur(30px)saturate(1.5);pointer-events:none;background:#0e0e12d9;max-width:220px;padding:12px 16px;font-size:12px;line-height:1.5;position:fixed;box-shadow:0 12px 48px #0009,0 0 30px #ff31310f}.uptime-tooltip .tt-date{color:var(--text-primary);margin-bottom:6px;font-size:13px;font-weight:600}.uptime-tooltip .tt-status{align-items:center;gap:6px;display:flex}.uptime-tooltip .tt-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.uptime-tooltip .tt-detail{color:var(--text-muted);margin-top:3px;font-size:11px}.no-incidents{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:28px;display:flex}.no-inc-icon{background:var(--green-dim);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:6px;display:flex;box-shadow:0 0 20px #22c55e26}.no-inc-icon svg{width:24px;height:24px;color:var(--green)}.no-incidents p{color:var(--text-secondary);font-size:14px;font-weight:500}.no-incidents span{color:var(--text-muted);font-size:12px}.incident-item{border-bottom:1px solid var(--glass-border);padding:16px 0}.incident-item:last-child{border-bottom:none}.incident-header{align-items:center;gap:10px;margin-bottom:6px;display:flex}.incident-severity{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:3px 10px;font-size:10px;font-weight:700}.incident-severity.minor{background:var(--yellow-dim);color:var(--yellow)}.incident-severity.major{color:#f97316;background:#f973161a}.incident-severity.critical{background:var(--s-red-dim);color:var(--s-red)}.incident-title{color:var(--text-primary);font-size:14px;font-weight:600}.incident-status-badge{color:var(--text-muted);text-transform:capitalize;margin-left:auto;font-size:11px;font-weight:500}.incident-meta{color:var(--text-muted);margin-bottom:6px;font-size:12px}.incident-updates{border-left:2px solid #ff313133;margin-top:8px;padding-left:14px}.incident-update{padding:4px 0;font-size:12px}.incident-update-time{color:var(--text-muted);font-size:11px}.incident-update-status{text-transform:capitalize;margin:0 4px;font-weight:600}.incident-update-message{color:var(--text-secondary)}.footer{-webkit-backdrop-filter:blur(24px)saturate(1.4);z-index:1;background:#0a0a0eb3;border-top:1px solid #ffffff0f;padding:20px 0;position:relative}.footer-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:0 24px;display:flex}.footer-brand{color:var(--text-muted);align-items:center;gap:10px;font-size:12px;display:flex}.footer-logo-text{color:var(--red);text-shadow:0 0 12px #ff313166;font-family:IBM Plex Mono,monospace;font-size:16px;font-weight:700}.footer-brand strong{color:var(--red-dark);letter-spacing:1px;font-weight:700}.footer-links{color:var(--text-dim);align-items:center;gap:10px;font-size:12px;display:flex}.footer-links a{color:var(--text-muted);transition:color var(--transition);text-decoration:none}.footer-links a:hover{color:var(--red)}.skel{flex-direction:column;gap:10px;display:flex}.skeleton-line{background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f 50%,#ffffff08 75%) 0 0/200% 100%;border-radius:4px;height:14px;animation:1.5s ease-in-out infinite shimmer}.skeleton-line.w-30{width:30%}.skeleton-line.w-35{width:35%}.skeleton-line.w-40{width:40%}.skeleton-line.w-50{width:50%}.skeleton-line.w-55{width:55%}.skeleton-line.w-60{width:60%}.skeleton-bars-ph{background:linear-gradient(90deg,#ffffff05 25%,#ffffff0d 50%,#ffffff05 75%) 0 0/200% 100%;border-radius:4px;height:34px;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=768px){.kpi-row{grid-template-columns:repeat(2,1fr)}.header-portal-link{display:none}.sphere-orb{width:95px;height:95px}.kpi-value{font-size:22px}}@media (width<=640px){.main{padding:20px 16px 56px}.status-hero{padding:28px 20px 24px}.kpi-row{grid-template-columns:repeat(2,1fr);gap:16px}.sphere-orb{width:90px;height:90px}.kpi-value{font-size:20px}.glass-panel{padding:18px 16px}.section-header{flex-direction:column;align-items:flex-start;gap:10px}.uptime-bars{height:26px}.logo-text-wrap{font-size:22px}.footer-inner{flex-direction:column;gap:8px}}.section-sub{color:#ffffff4d;font-size:12px}.update-entry{border-bottom:1px solid #ffffff0a;padding:16px 20px}.update-entry:last-child{border-bottom:none}.update-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.update-version{color:#22c55e;background:#22c55e14;border-radius:6px;padding:3px 10px;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600}.update-date{color:#ffffff59;font-size:12px}.update-body{color:#ffffff8c;font-size:13px;line-height:1.7}.update-body ul,.update-items{margin:0;padding:0;list-style:none}.update-body li,.update-items li{color:#ffffff8c;padding:3px 0 3px 16px;font-size:13px;position:relative}.update-body li:before,.update-items li:before{content:"";background:#fff3;border-radius:50%;width:4px;height:4px;position:absolute;top:12px;left:0}.update-body strong{color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em;margin-top:8px;margin-bottom:4px;font-size:12px;display:block}