:root{
  --text:#0f172a;
  --muted:#475569;
  --accent:#1d4ed8;
  --title:#3b82f6;
  --box:#eef4ff;
  --boxBorder:#2563eb;
  --ctaBg:#fff3df;
  --ctaBorder:#f59e0b;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--text);
  background:#ffffff;
}
.container{
  max-width: 980px;
  margin: 0 auto;
  padding: 28px 22px 40px;
}
h1{
  margin:0 0 10px;
  font-size: 34px;
  color:#1e3a8a;
  font-weight: 800;
}
p{margin:10px 0; color:var(--muted); line-height:1.7}
.highlight{
  margin: 18px 0 10px;
  background: var(--box);
  border-left: 6px solid var(--boxBorder);
  padding: 14px 16px;
  color:#0f172a;
}
.highlight p{margin:0; color:#0f172a}
h2{
  margin: 22px 0 10px;
  font-size: 22px;
  color:#0b3d6d;
  font-weight: 800;
}
ul{margin: 8px 0 0 22px; color:#0f172a}
li{margin: 7px 0; color:#0f172a}
.cta{
  margin-top: 22px;
  border: 1px solid var(--ctaBorder);
  background: var(--ctaBg);
  padding: 22px 18px;
  border-radius: 4px;
  text-align:center;
  color:#0f172a;
}
.cta strong{display:block; margin-bottom:6px}
.footer{
  margin-top: 18px;
  text-align:center;
  font-size: 13px;
  color:#64748b;
}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}