:root{color-scheme:dark;font-family:Inter,ui-sans-serif,sans-serif;background:#07130e;color:#edf3ed}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 10%,rgba(221,167,51,.13),transparent 28rem),linear-gradient(145deg,#07130e,#0c2017)}main{width:min(calc(100% - 32px),960px);margin:auto;padding:28px 0}.brand{display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand span{width:42px;height:42px;display:grid;place-items:center;border:1px solid #dca936;border-radius:50%;color:#e8b542;font-weight:700}.hero{min-height:440px;margin-top:28px;padding:clamp(35px,7vw,75px);position:relative;overflow:hidden;border:1px solid #29493a;border-radius:30px;background:rgba(15,37,27,.82);box-shadow:0 30px 80px rgba(0,0,0,.4)}.hero>p:first-child{color:#e5b44b;font-size:12px;font-weight:700;letter-spacing:.17em}.hero h1{font-family:Georgia,serif;font-size:clamp(2.8rem,7vw,5.6rem);line-height:1.02;max-width:11ch;margin:28px 0}.hero #checked{color:#a9baaf}.pulse{position:absolute;right:7%;bottom:10%;width:190px;height:190px;border:1px solid #42b77d;border-radius:50%;box-shadow:0 0 70px rgba(66,183,125,.15),inset 0 0 45px rgba(66,183,125,.08)}body[data-state=degraded] .pulse{border-color:#e5b44b}body[data-state=major_outage] .pulse{border-color:#ee776a}body[data-state=unknown] .pulse{border-color:#6caad0}.panel{margin-top:20px;padding:30px;border:1px solid #29493a;border-radius:24px;background:#0b1b14}.panel h2{margin:0 0 18px}.component{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #213c30}.component span{font-size:13px;font-weight:700}.component span:before{content:'';display:inline-block;width:9px;height:9px;margin-right:9px;border-radius:50%;background:#42b77d}.component span.degraded:before{background:#e5b44b}.component span.major_outage:before{background:#ee776a}.component span.unknown:before{background:#6caad0}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 4px;color:#a9baaf;font-size:13px}footer a{color:#e5b44b}@media(max-width:600px){.hero{min-height:390px}.pulse{width:110px;height:110px;opacity:.65}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}