:root {
  --ink: #10243a;
  --muted: #5b6b7c;
  --paper: #f4f7fb;
  --accent: #3db8a8;
  --line: #d7e0ea;
}

* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  font-family: "Segoe UI", system-ui, sans-serif;
  color: var(--ink);
  background: var(--paper);
  line-height: 1.55;
}

.wrap { max-width: 44rem; margin: 0 auto; padding: 2.5rem 1.25rem 4rem; }
header { display: flex; gap: 0.85rem; align-items: center; margin-bottom: 2rem; }
header img { width: 56px; height: 56px; border-radius: 14px; background: #050814; }
header p { margin: 0.15rem 0 0; color: var(--muted); font-size: 0.95rem; }
h1 { font-size: 1.55rem; margin: 0; }
h2 { font-size: 1.1rem; margin: 1.75rem 0 0.5rem; }
p, li { color: #24364a; }
ul { padding-left: 1.2rem; }
a { color: #1a6b63; }
nav { margin: 1.5rem 0 0; padding-top: 1.25rem; border-top: 1px solid var(--line); }
nav a { margin-right: 1rem; }
.card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 1.25rem 1.35rem;
}

.cta{display:inline-block;margin-top:10px;padding:10px 18px;border-radius:8px;background:#1a56db;color:#fff;font-weight:600;text-decoration:none}
.cta:hover{background:#1747b3}