* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: "Segoe UI", Tahoma, sans-serif;
  color: #0f1e44;
  background: #f4f7ff;
}
.wrap {
  width: min(860px, calc(100% - 28px));
  margin: 0 auto;
  padding: 32px 0 48px;
}
.card {
  border-radius: 16px;
  background: #fff;
  border: 1px solid #dce4ff;
  box-shadow: 0 14px 32px rgba(19, 35, 78, 0.08);
  padding: 20px;
}
h1, h2, h3, p { margin: 0; }
h1 { font-size: clamp(1.6rem, 3vw, 2.2rem); }
p { line-height: 1.65; color: #2d3d70; margin-top: 10px; }
.meta { margin-top: 12px; font-size: .92rem; color: #41558f; }
.list { margin-top: 12px; padding-left: 18px; color: #2d3d70; line-height: 1.7; }
.cta { margin-top: 16px; display: inline-block; text-decoration: none; font-weight: 800; color: #fff; background: #365dff; border-radius: 999px; padding: 10px 15px; }