:root{
  --midnight:#120B2E;--midnight-deep:#0B0620;--midnight-card:#1B113F;
  --cloud:#F4F2FB;--violet:#9D7BFF;--violet-soft:#C4AEFF;
  --w-15:rgba(244,242,251,.15);--w-60:rgba(244,242,251,.60);--w-75:rgba(244,242,251,.75);
  --font-d:"Space Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-s:"Instrument Serif",Georgia,serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--midnight);color:var(--cloud);font-family:var(--font-d);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--violet-soft);text-decoration:none}
a:hover{color:var(--cloud)}
.top{
  width:min(1160px,94vw);margin:14px auto 0;
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 18px;border-radius:999px;
  background:rgba(18,11,46,.66);border:1px solid var(--w-15);
}
.top img{height:23px;width:auto;border-radius:4px;display:block}
.top .back{font-size:13.5px;color:var(--w-75);display:inline-flex;align-items:center;gap:7px}
.top .back:hover{color:var(--violet-soft)}
.doc{width:min(760px,92vw);margin:0 auto;padding:70px 0 90px}
.kicker{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--violet)}
h1{font-size:clamp(34px,5vw,52px);letter-spacing:-.03em;line-height:1.06;margin:16px 0 8px;font-weight:700}
h1 em{font-family:var(--font-s);font-style:italic;font-weight:400;color:var(--violet)}
.updated{color:var(--w-60);font-size:13.5px;margin-bottom:40px}
h2{font-size:20px;margin:38px 0 10px;letter-spacing:-.01em;font-weight:600}
p,li{color:var(--w-75);font-size:15.5px}
p{margin:10px 0}
ul{padding-left:20px;margin:10px 0}
li{margin:6px 0}
b,strong{color:var(--cloud);font-weight:600}
.note{
  background:var(--midnight-card);border:1px solid var(--w-15);border-radius:14px;
  padding:18px 20px;font-size:14px;color:var(--w-60);margin-top:36px;
}
.foot{
  border-top:1px solid var(--w-15);margin-top:60px;padding-top:26px;
  display:flex;gap:22px;flex-wrap:wrap;font-size:13.5px;color:var(--w-60);
}
.foot a{color:var(--w-75)}
.foot a:hover{color:var(--violet-soft)}
.fsocial{display:flex;gap:10px}
.fsocial a{
  width:36px;height:36px;border-radius:50%;border:1px solid var(--w-15);
  display:grid;place-items:center;color:var(--w-60);
  transition:border-color .25s,color .25s;
}
.fsocial a:hover{border-color:var(--violet);color:var(--violet-soft)}
.fsocial svg{width:16px;height:16px}