* { margin:0; padding:0; box-sizing:border-box; }
body {
  font-family: -apple-system, "Segoe UI", Roboto, sans-serif;
  background:#0B0B0B; color:#E8E8E8; line-height:1.7;
  padding:40px 20px;
}
.wrap { max-width:680px; margin:0 auto; }
.logo { font-size:24px; font-weight:800; letter-spacing:-0.5px; color:#fff; }
.bar { height:3px; width:40px; background:#C6F542; border-radius:2px; margin:6px 0 32px; }
h1 { font-size:26px; font-weight:700; color:#fff; margin-bottom:8px; }
h2 { font-size:17px; font-weight:600; color:#C6F542; margin:28px 0 10px; }
p, li { color:#B4B4B4; font-size:15px; margin-bottom:10px; }
ul, ol { padding-left:22px; margin-bottom:12px; }
.date { color:#777; font-size:13px; margin-bottom:24px; }
.box { background:#141414; border-radius:12px; padding:20px; margin:18px 0; border:1px solid #1F1F1F; }
.box strong { color:#fff; }
a { color:#C6F542; }
.steps { counter-reset:s; list-style:none; padding:0; }
.steps li { counter-increment:s; padding-left:34px; position:relative; margin-bottom:12px; }
.steps li::before {
  content:counter(s); position:absolute; left:0; top:2px;
  width:22px; height:22px; border-radius:50%; background:#C6F542; color:#0B0B0B;
  font-size:12px; font-weight:700; display:flex; align-items:center; justify-content:center;
}
footer { margin-top:48px; padding-top:20px; border-top:1px solid #1F1F1F; color:#666; font-size:13px; }
footer a { margin-right:16px; }