:root{font-family:Outfit,sans-serif;color:#111013;background:#fff;--pink:#e94986;--muted:#6c6970}
*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}
.site-header{min-height:100px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:24px clamp(18px,5vw,64px);border-bottom:1px solid #eee}
.back-link{justify-self:start;text-decoration:none;font-weight:700}.brand{grid-column:2}.brand img{display:block;height:50px;max-width:150px;object-fit:contain}
main{max-width:960px;margin:0 auto;padding:60px 24px 80px}.eyebrow{color:var(--pink);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
h1{font-size:clamp(38px,7vw,68px);line-height:1.04;letter-spacing:-.045em;margin:16px 0}.intro{color:var(--muted);font-size:18px;line-height:1.5;margin:0 0 32px}
.status-summary{background:#17151a;color:#fff;padding:28px;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.status-copy{min-width:0}.status-copy p{margin:14px 0 0;line-height:1.5}
.status-label{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;font-size:14px;font-weight:800;background:#e8e6eb;color:#17151a}.status-label::before{content:'';width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:currentColor}
.status-label[data-state="operational"]{background:#d7f3e4;color:#14683e}.status-label[data-state="degraded"]{background:#fff0c4;color:#805600}.status-label[data-state="outage"]{background:#ffe0e3;color:#a21b32}.status-label[data-state="maintenance"]{background:#f6dcea;color:#8c2855}
.updated{font-size:12px;color:#ccc}#refreshStatus{flex:0 0 auto;border:0;padding:11px 16px;border-radius:11px;background:var(--pink);color:#fff;font-weight:700}
.status-details{margin-top:36px;line-height:1.7;overflow-wrap:anywhere}.status-details h2{font-size:26px;line-height:1.2;margin:32px 0 14px}.status-details h3{font-size:19px;margin:24px 0 8px}.status-details p{margin:12px 0}.status-details ul,.status-details ol{padding-left:24px}.status-details a{color:#ad2a5d}.status-details code{background:#f1f1f1;padding:2px 5px;border-radius:4px;font-size:.9em}
.status-error{background:#fff0c4;color:#664600;padding:16px;border-radius:12px;line-height:1.5}footer{display:flex;justify-content:space-between;gap:16px;padding:24px clamp(18px,5vw,64px);background:#f1f1f1;font-size:13px;color:var(--muted)}footer a{font-weight:800;text-decoration:none}
[hidden]{display:none!important}:focus-visible{outline:3px solid var(--pink);outline-offset:4px}
@media(max-width:600px){.site-header{min-height:80px;padding:18px}.brand img{height:38px}.back-link{font-size:13px}main{padding:36px 18px 48px}.status-summary{padding:22px;flex-direction:column;align-items:flex-start;gap:18px}footer{flex-direction:column}}