:root{--ground:#F6F7F9;--raised:#fff;--ink:#111420;--ink-2:#4A5063;--line:#E2E5EB;--accent:#00B534}
@media (prefers-color-scheme:dark){:root{--ground:#0C0E14;--raised:#141821;--ink:#EDEFF4;--ink-2:#A8AEBF;--line:#242938;--accent:#00E13C}}
body{margin:0;background:var(--ground);color:var(--ink);font:16px/1.6 "Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
main{max-width:720px;margin:0 auto;padding:56px 24px 96px}
h1{font-family:"Montserrat","Helvetica Neue",Arial,sans-serif;font-weight:900;font-size:36px;margin:0 0 6px}
h2{font-family:"Montserrat",Arial,sans-serif;font-weight:800;font-size:20px;margin:32px 0 8px}
.muted{color:var(--ink-2)} a{color:var(--accent)} code{background:var(--raised);border:1px solid var(--line);padding:2px 6px;border-radius:6px}
.box{background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:16px;word-break:break-all}
button{background:var(--accent);color:#000;border:0;border-radius:10px;padding:12px 18px;font-weight:700;font-size:15px;cursor:pointer;margin-top:12px}