*{box-sizing:border-box;margin:0;padding:0}

:root{

  --bg:#0f1520;--card:#1e2940;--line:#2f3d5a;

  --text:#e8eefb;--dim:#8896af;--accent:#6c9cff;

  --grad:linear-gradient(135deg,#6c9cff,#a06cff);

}

body{

  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;

  background:var(--bg);color:var(--text);line-height:1.7;

  -webkit-font-smoothing:antialiased;padding:40px 20px 80px;

}

.wrap{max-width:820px;margin:0 auto}

.back{

  display:inline-block;color:var(--dim);text-decoration:none;

  font-size:14px;margin-bottom:24px;transition:color .15s

}

.back:hover{color:var(--accent)}

h1{

  font-size:32px;font-weight:800;letter-spacing:-.5px;margin-bottom:6px;

  background:var(--grad);-webkit-background-clip:text;background-clip:text;

  color:transparent

}

.updated{color:var(--dim);font-size:13px;margin-bottom:32px}

h2{

  font-size:18px;font-weight:700;letter-spacing:-.2px;

  margin:36px 0 12px;padding-top:8px;

  border-top:1px solid var(--line)

}

h2:first-of-type{border-top:none;margin-top:0}

p{margin-bottom:14px;color:#d0dae8}

ul{margin:0 0 16px 24px;color:#d0dae8}

li{margin-bottom:8px}

strong{color:var(--text);font-weight:600}

a{color:var(--accent);text-decoration:none}

a:hover{text-decoration:underline}