:root {
  --bg0: #07141b; --bg1: #0d2430; --ink: #e8f4f2; --muted: #9bb7b8;
  --accent: #2bb7a9; --line: rgba(232,244,242,.12);
  --font-display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --font-body: "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
body{
  margin:0;min-height:100vh;color:var(--ink);font-family:var(--font-body);line-height:1.55;
  background:radial-gradient(900px 500px at 100% 0,rgba(43,183,169,.18),transparent 55%),linear-gradient(165deg,var(--bg0),var(--bg1));
}
.wrap{width:min(100% - 2rem,40rem);margin:0 auto;padding:2.5rem 0 3rem}
.brand{display:inline-flex;align-items:center;gap:.7rem;color:inherit;text-decoration:none;font-family:var(--font-display);font-size:1.3rem;font-weight:700}
.brand img{width:2.25rem;height:2.25rem}
h1{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.4rem);margin:1.75rem 0 .75rem}
.lede{color:var(--muted);margin:0 0 1.5rem}
dl{margin:0 0 1.75rem;border-top:1px solid var(--line)}
dt{margin-top:1rem;color:var(--muted);font-size:.88rem}
dd{margin:.25rem 0 0;font-family:ui-monospace,Menlo,monospace}
.btn{display:inline-flex;align-items:center;min-height:2.85rem;padding:.65rem 1.2rem;border-radius:999px;background:var(--accent);color:#042018;text-decoration:none;font-weight:650}
.btn:focus-visible{outline:2px solid #f0b429;outline-offset:3px}
.foot{margin-top:2.5rem;color:var(--muted);font-size:.9rem}
.foot a{color:inherit}