:root{
  --navy:#0f2a43; --navy2:#14334f; --ink:#1c2b36; --muted:#5b6d79;
  --paper:#ffffff; --mist:#f2f6f8; --line:#dce5ea;
  --accent:#0e7490; --accent-dark:#155e72; --accent-soft:#e0f2f5;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
  color:var(--ink);
  background:var(--mist);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
.page{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:3rem 1.25rem 2rem;
  max-width:760px;
  margin:0 auto;
}
.wordmark-block{margin-bottom:2rem;text-align:center}
.wordmark{
  font-family:Georgia,"Times New Roman",serif;
  font-size:2.6rem;
  font-weight:700;
  color:var(--navy);
  letter-spacing:.01em;
  line-height:1.1;
}
.wordmark .amp{color:var(--accent)}
.card{
  background:var(--paper);
  border:1px solid var(--line);
  border-top:4px solid var(--accent);
  border-radius:10px;
  padding:2.25rem 2.25rem 1.75rem;
  text-align:center;
  box-shadow:0 2px 14px rgba(15,42,67,.06);
}
h1{
  font-family:Georgia,"Times New Roman",serif;
  color:var(--navy);
  font-size:1.65rem;
  line-height:1.3;
  margin:0 0 .9rem;
}
.lede{color:var(--ink);font-size:1.02rem;margin:0 0 1.4rem}
.contact{color:var(--muted);font-size:1rem;margin:0}
.contact a{color:var(--accent-dark);font-weight:600;text-decoration:none}
.contact a:hover{text-decoration:underline}
.footer{
  margin-top:2.25rem;
  color:var(--muted);
  font-size:.88rem;
  text-align:center;
}
@media (max-width:480px){
  .page{padding:2rem 1rem 1.5rem}
  .wordmark{font-size:2rem}
  .card{padding:1.6rem 1.2rem 1.3rem}
  h1{font-size:1.35rem}
}