*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:#0a0a0a;color:#f5f5f5;font-family:Sora,system-ui,-apple-system,sans-serif}.wrap{max-width:920px;margin:0 auto;padding:24px 16px 48px}.head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.head h1{font-size:clamp(20px,6vw,28px);margin:0;font-weight:800}.badge{padding:6px 14px;border-radius:20px;font-weight:700;font-size:13px}.badge.ok{background:#1a3a1a;color:#6fdc6f}.badge.down{background:#3a1a1a;color:#ff8080}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:14px;gap:14px}.card{display:block;text-decoration:none;color:inherit;background:#151515;border:1px solid #2a2a2a;border-radius:14px;padding:18px;transition:border-color .15s,transform .1s}.card:active{transform:scale(.98)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.ok{background:#6fdc6f;box-shadow:0 0 8px #6fdc6f88}.dot.down{background:#ff6060}.dot.wait{background:#888}.status{font-size:12px;color:#9a9a9a;font-weight:600}.card h2{font-size:18px;margin:0 0 4px}.card p{color:#9a9a9a;font-size:13px;margin:0}.ms{display:inline-block;margin-top:10px;font-size:11px;color:#666}footer{margin-top:32px;text-align:center;color:#555;font-size:12px}@media (max-width:480px){.grid{grid-template-columns:1fr}}