:root {
  --navy:#0F2C44;
  --teal:#0E8A86;
  --bg:#F9FAFB;
  --line:#E9EEF3;
}

* { box-sizing:border-box }

body {
  margin:0;
  font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color:var(--navy);
  background:#fff;
}

/* Header */
.header {
  display:flex;
  align-items:center;
  gap:.75rem;
  padding:12px 16px;
  border-bottom:1px solid var(--line);
}
.header img { height:28px }

/* Wrapper */
.wrap {
  max-width:1000px;
  margin:0 auto;
  padding:32px 20px;
}

/* Typography */
h1 { color:var(--teal); margin:.25rem 0 1rem }
h2 { margin:1.5rem 0 .5rem }
.muted { color:#5C6670 }

/* Cards */
.card {
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:16px 18px;
}
ul { line-height:1.8; margin:0 0 1rem 1.1rem }

/* Links & Buttons */
a.back { display:inline-block; margin-bottom:12px; color:var(--teal); text-decoration:none }
.cta {
  display:inline-block;
  background:#0E8A86;
  color:#fff;
  padding:12px 18px;
  border-radius:10px;
  text-decoration:none;
  font-weight:700;
}
.cta.secondary { background:#0F2C44; margin-left:8px }

/* Footer */
footer {
  background:#0F2C44;
  color:#fff;
  padding:20px 16px;
  margin-top:40px;
  font-size:14px;
}
footer a { color:#0E8A86; text-decoration:none }
footer a:hover { text-decoration:underline }
.footer-wrap {
  max-width:1000px;
  margin:0 auto;
  text-align:center;
  line-height:1.6;
}