:root{--ink:#16181d;--mut:#5b6170;--bg:#ffffff;--soft:#f4f5f7;--acc:#e8432c}
@media (prefers-color-scheme:dark){:root{--ink:#eceef2;--mut:#a3a9b6;--bg:#121418;--soft:#1c1f25}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 -apple-system,Segoe UI,Roboto,sans-serif}
.w{max-width:760px;margin:0 auto;padding:40px 20px 60px}h1{font-size:34px;line-height:1.15;margin:8px 0 12px}h2{margin-top:36px;font-size:22px}
.mut{color:var(--mut)}a{color:var(--acc)}.card{background:var(--soft);border-radius:14px;padding:18px 20px;margin-top:16px}
nav a{margin-right:16px}footer{margin-top:48px;color:var(--mut);font-size:14px}
.btn{display:inline-block;background:var(--acc);color:#fff;padding:12px 20px;border-radius:12px;text-decoration:none}button{background:var(--acc);color:#fff;border:0;border-radius:10px;padding:10px 16px;font:inherit;margin-top:10px;cursor:pointer}