:root{--color-green:#10b981;--color-red:#ba1a1a;--color-bg:#f8f9ff;--color-surface:#fff;--color-text:#0b1c30;--color-text-secondary:#40484c;--color-banner-ok-bg:#e6f4ea;--color-banner-ok-text:#064e3b;--color-banner-outage-bg:#ffdad6;--color-banner-outage-text:#93000a;--max-width:64rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.5}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#f8f9ffcc;width:100%;max-width:80rem;padding:1rem 2rem;position:fixed;top:0;left:50%;transform:translate(-50%)}.header__content{max-width:var(--max-width);margin:0 auto}.header__logo{width:auto;height:2rem}.main{max-width:var(--max-width);flex-direction:column;gap:4rem;margin:0 auto;padding:8rem 1.5rem 6rem;display:flex}.status-banner-section{margin:0}.status-banner{border-radius:.75rem;padding:2.5rem;transition:all .3s;position:relative;overflow:hidden}.status-banner:after{content:"";filter:blur(3rem);pointer-events:none;background:#0042530d;border-radius:50%;width:16rem;height:16rem;position:absolute;top:-5rem;right:-5rem}.status-banner--operational{background:var(--color-banner-ok-bg)}.status-banner--outage{background:var(--color-banner-outage-bg)}.status-banner__text{letter-spacing:-.025em;z-index:1;font-size:3rem;font-weight:800;line-height:1.1;position:relative}.status-banner--operational .status-banner__text{color:var(--color-banner-ok-text)}.status-banner--outage .status-banner__text{color:var(--color-banner-outage-text)}.service-health__header{justify-content:space-between;align-items:baseline;margin-bottom:2rem;display:flex}.service-health__title{letter-spacing:-.025em;color:var(--color-text);font-size:1.5rem;font-weight:700}.service-health__period{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);font-size:.75rem;font-weight:700}.service-health__services{flex-direction:column;gap:1rem;display:flex}.service-card{background:var(--color-surface);border-radius:.75rem;padding:1.5rem;transition:box-shadow .2s}.service-card:hover{box-shadow:0 1px 3px #0000000f}.service-card__header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.service-card__name{color:var(--color-text);font-weight:700}.service-card__status{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;display:flex}.service-card__status--operational{color:var(--color-green)}.service-card__status--outage{color:var(--color-red)}.service-card__dot{border-radius:50%;width:.375rem;height:.375rem}.service-card__dot--operational{background:var(--color-green)}.service-card__dot--outage{background:var(--color-red)}.uptime-grid{grid-template-columns:repeat(90,1fr);align-items:flex-end;gap:2px;height:32px;display:grid}.uptime-bar{cursor:pointer;border-radius:1px;height:100%;transition:opacity .15s}.uptime-bar:hover{opacity:.75}.uptime-grid__footer{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);justify-content:space-between;margin-top:.75rem;font-size:.625rem;font-weight:700;display:flex}.uptime-tooltip{background:var(--color-text);color:#fff;white-space:nowrap;pointer-events:none;z-index:10;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;position:fixed;transform:translate(-50%)}.loading-spinner{color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:1rem;padding:4rem 0;display:flex}.spinner{border:3px solid #0000001a;border-top-color:var(--color-text);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-message{text-align:center;color:var(--color-text-secondary);padding:4rem 1rem}@media (width<=640px){.main{gap:3rem;padding:6rem 1rem 4rem}.status-banner{padding:1.5rem}.status-banner__text{font-size:2rem}.uptime-grid{overflow-x:auto}.uptime-bar{min-width:4px}}