:root {
  --bg:#0B0D12; --raised:#12151C; --card:rgba(255,255,255,0.05);
  --stroke:rgba(255,255,255,0.08); --green:#34D399; --green-deep:#0E9F6E;
  --gold:#FBBF24; --text:#fff; --dim:rgba(255,255,255,0.55); --faint:rgba(255,255,255,0.32);
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Rounded","Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.65}
.wrap{max-width:680px;margin:0 auto;padding:48px 24px 64px}
.back{display:inline-block;margin-bottom:24px;color:var(--dim);text-decoration:none;font-size:14px}
.back:hover{color:var(--text)}
h1{font-size:32px;font-weight:800;letter-spacing:-0.4px;margin-bottom:6px;line-height:1.25}
.date{color:var(--faint);font-size:14px;margin-bottom:28px}
h2{font-size:21px;font-weight:700;margin:30px 0 8px}
h3{font-size:17px;font-weight:700;margin:22px 0 6px}
p,li{color:rgba(255,255,255,0.72);font-size:15.5px}
ul,ol{padding-left:22px;margin:8px 0}
a{color:var(--green)}
.note{background:var(--card);border:1px solid var(--stroke);border-radius:16px;padding:16px 18px;margin:20px 0;font-size:14px;color:var(--dim)}
.cta{display:block;width:fit-content;margin:34px auto 6px;padding:14px 30px;background:linear-gradient(180deg,var(--green),var(--green-deep));color:#000;font-weight:800;font-size:16px;border-radius:999px;text-decoration:none}
.cta-sub{text-align:center;color:var(--faint);font-size:13px}
footer{border-top:1px solid var(--stroke);margin-top:48px;padding-top:24px;text-align:center;color:var(--faint);font-size:13px}
footer a{color:var(--dim);text-decoration:none;margin:0 8px}
footer a:hover{color:var(--text)}