*{box-sizing:border-box}
body{margin:0;font-family:'Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;color:#16202c;
  background:#f4f7fb;line-height:1.65;font-size:17px}
.topbar{background:#fff;border-bottom:1px solid #e2e8f1}
.topbar .wrap{max-width:760px;margin:0 auto;padding:0 18px;height:60px;display:flex;align-items:center;justify-content:space-between}
.logo{font-weight:800;color:#0a5d65;text-decoration:none}
.logo span{color:#ff7a3d}
main{max-width:760px;margin:0 auto;padding:26px 18px 50px}
h1{font-size:1.8rem;letter-spacing:-.02em}
h2{font-size:1.25rem;margin-top:1.6em}
a{color:#0a5d65}
.card{background:#fff;border:1px solid #e2e8f1;border-radius:14px;padding:8px 22px 18px;box-shadow:0 10px 30px rgba(16,42,67,.06);margin-top:18px}
.todo{background:#fff7ef;border:1px solid #ffe6cf;border-radius:8px;padding:4px 8px;color:#7a5326;font-weight:600}
footer{background:#0c1820;color:#9fb1c2;font-size:.85rem}
footer .wrap{max-width:760px;margin:0 auto;padding:22px 18px}
footer a{color:#bcd0e2}
.back{display:inline-block;margin-top:1.4em;font-weight:700}