:root { color-scheme: light dark; }
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body {
  display: flex; align-items: center; justify-content: center;
  background: #0f1115; color: #e7e9ee;
  font: 15px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.card {
  width: min(460px, calc(100% - 40px));
  padding: 44px 40px;
  background: #161922; border: 1px solid #242834;
  border-radius: 14px; text-align: center;
}
.logo { display: block; margin: 0 auto 22px; border-radius: 10px; }
h1 { margin: 0 0 8px; font-size: 20px; font-weight: 600; }
p  { margin: 0; color: #9aa1af; }
.meta { margin-top: 26px; font-size: 13px; color: #6b7280; }