:root {
  --migo-green: #21807A;
  --ink: #14201f;
  --muted: #5d6b6a;
  --line: #dfe7e6;
  --bg: #f6f9f8;
  --card: #ffffff;
}
@media (prefers-color-scheme: dark) {
  :root { --ink: #e8f0ef; --muted: #9db1af; --line: #28403e; --bg: #0e1615; --card: #142120; }
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 16px;
  font-family: "Maven Pro", system-ui, sans-serif; color: var(--ink); background: var(--bg); }
.card { width: 100%; max-width: 420px; background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 32px; }
.mark { width: 40px; height: 40px; border-radius: 10px; background: var(--migo-green); margin-bottom: 16px; }
h1 { margin: 0 0 4px; font-size: 24px; font-weight: 700; }
.lead { margin: 0 0 24px; color: var(--muted); }
dl { display: grid; grid-template-columns: 110px 1fr; gap: 8px 16px; margin: 0; font-size: 14px; }
dt { color: var(--muted); } dd { margin: 0; }
a { color: var(--migo-green); }