:root{
  --max-width: 900px;
  --accent: #2b7a78;
  --muted: #666;
  font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

body{
  margin:0;
  color:#222;
  line-height:1.5;
  background:#f7f7f8;
}

.hero{
  background: linear-gradient(135deg,#e9f5f4,#fff);
  padding:48px 16px;
  text-align:center;
  border-bottom:1px solid #e6e6e6;
}

.hero h1{ margin:0 0 8px; font-size:28px; color:var(--accent); }
.subtitle{ margin:0; color:var(--muted); }

.content{
  max-width:var(--max-width);
  margin:28px auto;
  padding:0 16px 48px;
}

.content h2{ color:var(--accent); margin-top:18px; }
.content p{ color:#333; }

.footer{
  text-align:center;
  padding:18px 10px;
  color:var(--muted);
  font-size:14px;
  border-top:1px solid #eee;
  background:#fff;
}