body {
  font-family: Inter, system-ui, sans-serif;
  background:#0b0f14;
  color:#e5e7eb;
  margin:0;
}

header {
  text-align:center;
  padding:60px 20px;
}

.grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:20px;
  padding:40px;
}

.card {
  background:#141923;
  padding:25px;
  border-radius:18px;
  text-align:center;
}

.card span { font-weight:bold }

.online span { color:#22c55e }
.offline span { color:#ef4444 }
.maintenance span { color:#facc15 }

.updates { padding:40px }

.update {
  background:#141923;
  padding:15px;
  border-radius:12px;
  margin-bottom:10px;
}

.status.maintenance {
  color: #facc15;
}


footer {
  text-align:center;
  padding:30px;
  opacity:.6;
}