.status-main{min-height:72vh;overflow-x:clip;background:var(--bg)}
.status-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 82% 18%,color-mix(in srgb,#39bfff 24%,transparent),transparent 26%),linear-gradient(135deg,light-dark(#edf6ff,#0b1830),var(--bg));padding:54px 0 58px}
.status-hero:after{position:absolute;right:8%;bottom:-155px;width:300px;height:300px;border:38px solid color-mix(in srgb,var(--brand) 7%,transparent);border-radius:50%;content:""}
.status-hero>.container{position:relative;z-index:1}.status-kicker{display:block;margin-top:34px;color:var(--brand);font-size:10px;font-weight:850;letter-spacing:.15em}
.status-overall{display:flex;align-items:flex-start;gap:18px;max-width:850px;margin-top:13px}.status-overall>i{flex:0 0 auto;width:18px;height:18px;margin-top:12px;border:5px solid color-mix(in srgb,var(--good) 20%,transparent);border-radius:50%;background:var(--good);box-shadow:0 0 0 7px color-mix(in srgb,var(--good) 10%,transparent)}
.status-overall.degraded>i{border-color:color-mix(in srgb,#f59e0b 20%,transparent);background:#f59e0b;box-shadow:0 0 0 7px color-mix(in srgb,#f59e0b 10%,transparent)}.status-overall.outage>i{border-color:color-mix(in srgb,var(--bad) 20%,transparent);background:var(--bad);box-shadow:0 0 0 7px color-mix(in srgb,var(--bad) 10%,transparent)}
.status-overall h1{margin:0 0 10px;font-size:clamp(34px,5vw,58px);letter-spacing:-.045em;line-height:1.08}.status-overall p{max-width:720px;margin:0;color:var(--muted);line-height:1.8}
.status-updated{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:24px 0 0 36px;color:var(--muted);font-size:11px}.status-updated time{color:var(--ink);font-weight:700}.status-updated code{border:1px solid var(--line);border-radius:7px;background:var(--surface);padding:5px 7px;color:var(--muted);font-size:9px}
.status-content{padding:40px 0 72px}.status-heading span{color:var(--brand);font-size:10px;font-weight:850;letter-spacing:.14em}.status-heading h2{margin:5px 0 18px;font-size:26px}
.status-components{display:grid;grid-template-columns:1fr 1fr;gap:12px}.status-components article{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 12px 30px color-mix(in srgb,var(--brand-dark) 5%,transparent);padding:20px}.status-components article>div{display:flex;align-items:center;gap:11px}.status-components article i{width:10px;height:10px;border-radius:50%;background:var(--good);box-shadow:0 0 0 5px color-mix(in srgb,var(--good) 10%,transparent)}.status-components article.degraded i{background:#f59e0b}.status-components article.outage i{background:var(--bad)}.status-components article strong{font-size:14px}.status-components article>span{border-radius:999px;background:color-mix(in srgb,var(--good) 9%,var(--surface));color:var(--good);padding:6px 9px;font-size:10px;font-weight:750}.status-components article.degraded>span{background:color-mix(in srgb,#f59e0b 10%,var(--surface));color:#9a5b00}.status-components article.outage>span{background:color-mix(in srgb,var(--bad) 9%,var(--surface));color:var(--bad)}
.status-privacy{display:flex;align-items:flex-start;gap:12px;margin-top:18px;border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--brand) 5%,var(--surface));padding:16px}.status-privacy>span{display:grid;flex:0 0 24px;height:24px;place-items:center;border-radius:50%;background:var(--brand);color:#fff;font-size:11px}.status-privacy p{margin:2px 0 0;color:var(--muted);font-size:11px;line-height:1.7}
@media(max-width:720px){.status-hero{padding:34px 0 42px}.status-kicker{margin-top:26px}.status-overall{gap:13px}.status-overall>i{width:14px;height:14px;margin-top:9px;border-width:4px}.status-overall h1{font-size:34px}.status-updated{margin-left:0}.status-components{grid-template-columns:1fr}.status-components article{padding:17px}.status-components article strong{font-size:13px}}
@media(max-width:390px){.status-overall h1{font-size:30px}.status-components article{align-items:flex-start;flex-direction:column;gap:10px}.status-updated code{max-width:100%;overflow-wrap:anywhere}}
