html{background:#111417}body{margin:0;font:15px/1.55 -apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#e4e7ea}
.wrap{max-width:820px;margin:0 auto;padding:28px 18px 40px}
header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:14px;color:#9aa3ab}
.brand b{color:#7fd1b9;font-weight:600}.back{color:#9aa3ab;text-decoration:none}.back:hover{color:#fff}
h1{font-size:34px;font-weight:600;margin:48px 0 10px;letter-spacing:-.01em}
.lead{color:#b8c0c7;max-width:600px}
.cats{list-style:none;padding:0;margin:32px 0;display:grid;gap:10px}
.cats li{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:14px;background:#1a1f24;border-radius:8px}
.cats em{font-style:normal;color:#7d878f;font-size:13px}
.sw{width:44px;height:44px;border-radius:6px}.s1{background:#c2b8a3}.s2{background:#8a5a3b}.s3{background:#5d6f8a}.s4{background:#9b9d9a}
.note{color:#8f989f;font-size:14px}footer{margin-top:40px;color:#5f6870;font-size:12px}