:root{--navy:#0d1734;--ink:#eef0f8;--muted:#9aa3c4;--yellow:#f5e04a;--line:rgba(238,240,248,.12)}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--navy);color:var(--ink);font:400 16px/1.7 Inter,system-ui,sans-serif}
a{color:var(--yellow)}
.wrap{max-width:760px;margin:0 auto;padding:0 16px}
header{border-bottom:1px solid var(--line)}
header .wrap{display:flex;justify-content:space-between;align-items:center;height:64px}
.logo{font-family:Unbounded,sans-serif;font-weight:700;font-size:14px;letter-spacing:.04em;color:var(--ink);text-decoration:none}
.logo span{color:var(--yellow)}
.back{font-size:14px;color:var(--muted);text-decoration:none}
.back:hover{color:var(--yellow)}
main{padding:70px 0 90px}
h1{font-family:Unbounded,sans-serif;font-weight:900;font-size:clamp(24px,7vw,56px);overflow-wrap:break-word;line-height:1;text-transform:uppercase;margin-bottom:40px}
h2{font-family:Unbounded,sans-serif;font-weight:700;font-size:19px;margin:42px 0 12px}
h3{font-size:16px;font-weight:600;margin:24px 0 6px}
p,ul{margin-bottom:12px;color:#cdd2e6}
ul{padding-left:20px}
.todo{background:var(--yellow);color:var(--navy);padding:1px 6px;border-radius:4px;font-weight:600}
footer{border-top:1px solid var(--line);padding:28px 0;font-size:14px;color:var(--muted)}
footer .wrap{display:flex;gap:20px;flex-wrap:wrap}
footer a{color:var(--muted)}