body {
  margin: 0;
  font-family: system-ui, sans-serif;
  background: #f4f7fa;
  color: #0b1220;
  line-height: 1.55;
}

main { max-width: 720px; margin: 0 auto; padding: 32px 20px 72px; }
h1 { font-size: 1.75rem; line-height: 1.2; color: #0b1f33; }
.muted { color: #5a6b7d; font-size: 0.95rem; }
.card { background: #fff; border: 1px solid #d8e2ec; border-radius: 12px; padding: 18px 20px; margin: 16px 0; }
a.card { display: block; padding: 16px 18px; margin: 12px 0; text-decoration: none; color: inherit; }
a.card strong { color: #1f6feb; }
.section-title { font-size: 1.1rem; margin: 0 0 8px; }
.btn { display: inline-block; background: #1f6feb; color: #fff; text-decoration: none; font-weight: 700; padding: 12px 16px; border-radius: 8px; margin: 6px 8px 6px 0; }
.btn2 { background: #0a7a3e; }
.btn3 { background: #fff; color: #0b1220; border: 1px solid #d8e2ec; }
ul { padding-left: 1.15rem; }
li { margin: 8px 0; }
.fine { font-size: 0.88rem; color: #687586; }