html,body {
  height:100%;
}
body {
  margin:0;
  display:grid;
  place-items:center;
  background:#f6f7f9;
  color:#202124;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.card {
  width:min(420px,calc(100% - 48px));
  box-sizing:border-box;
  padding:42px;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  box-shadow:0 8px 30px rgba(0,0,0,.05);
}
.logo {
  width:38px;
  height:38px;
}
h1 {
  margin:20px 0 8px;
  font-size:24px;
  font-weight:600;
}
p {
  margin:0 0 28px;
  color:#6b7280;
}
.status {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:14px;
}
.dot {
  width:9px;
  height:9px;
  border-radius:50%;
  background:#34a853;
}