:root{--ink:#14141A;--or:#FF5A1F;--pe:#FFEFE6;--bg:#FAFAF8;--ln:#E7E5E1;--mut:#55555F;--lime:#B6F23A}
*{box-sizing:border-box}body{margin:0;font-family:'Cairo',Tahoma,sans-serif;background:var(--bg);color:var(--ink);line-height:1.9}
header{background:#fff;border-bottom:1px solid var(--ln);padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top,0));display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:24px;color:var(--ink);text-decoration:none}
.logo b{background:var(--ink);color:var(--or);font-family:'IBM Plex Mono',monospace;font-size:14px;border-radius:9px;padding:3px 8px}
.back{font-weight:800;color:var(--ink);text-decoration:none;border:2px solid var(--ink);border-radius:99px;padding:2px 16px}
.hero{background:var(--or);padding:26px 16px}.hero div{max-width:760px;margin:0 auto}.hero h1{margin:0;font-size:clamp(26px,6vw,40px);font-weight:800}.hero p{margin:4px 0 0;font-weight:600}
main{max-width:760px;margin:0 auto;padding:18px 16px 10px}
section{background:#fff;border:1px solid var(--ln);border-radius:20px;padding:14px 18px;margin-bottom:12px}
h2{margin:0 0 2px;font-size:19px;font-weight:800;display:flex;align-items:center;gap:10px}h2 i{font-style:normal;font-family:'IBM Plex Mono',monospace;background:var(--ink);color:var(--or);font-size:13px;border-radius:8px;padding:0 8px}
p,li{color:var(--mut);margin:4px 0}ul{margin:4px 0;padding-inline-start:22px}
.note{background:var(--pe);border-radius:14px;padding:10px 16px;color:var(--ink);font-weight:600;margin-bottom:12px}
footer{margin-top:24px;background:var(--ink);color:#b9b9c4;text-align:center;padding:22px 16px 28px}footer a{color:var(--lime);font-weight:800;margin:0 8px}footer p{color:#b9b9c4}
:focus-visible{outline:3px solid var(--or);outline-offset:2px}