:root{--ink:#12211c;--acc:#0f766e;--bg:#f5faf8;--card:#fff;--soft:#dcefe9;--muted:#5c7a71;--line:#d3e6df}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Georgia,Times,serif}
.wrap{max-width:980px;margin:0 auto;padding:0 22px}
header{border-bottom:1px solid var(--line);padding:16px 0}
.brand{font-weight:700;color:var(--ink);text-decoration:none}
.hero{padding:56px 0 40px;background:linear-gradient(180deg,var(--soft),transparent)}
h1{font-size:36px;margin:0 0 12px}
p{color:var(--muted)}
.btn{display:inline-block;margin-top:18px;background:var(--acc);color:#fff;padding:10px 18px;border-radius:10px;text-decoration:none}
footer{border-top:1px solid var(--line);margin-top:40px;padding:20px 0;color:var(--muted);font-size:14px}