:root{--glow:#9e61ff;--glow-2:#2f6bff;--field:#07070d;--ink:#f2f3f8;--ink-2:#a6abbb;
  --hairline:rgba(255,255,255,.13);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}
body{margin:0;background:var(--field);color:var(--ink);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:17px;line-height:1.72;
  letter-spacing:-.011em;overflow-x:hidden}
.field{position:fixed;inset:0;z-index:0;pointer-events:none}
.field::before,.field::after{content:"";position:absolute;border-radius:50%;filter:blur(100px)}
.field::before{width:60vw;height:60vw;left:-20vw;top:-24vw;background:var(--glow);opacity:.22}
.field::after{width:50vw;height:50vw;right:-18vw;top:40vh;background:var(--glow-2);opacity:.14}
.wrap{position:relative;z-index:2;max-width:760px;margin-inline:auto;padding:0 24px}
header{position:relative;z-index:3;border-bottom:1px solid var(--hairline);
  background:rgba(7,7,13,.6);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.nav{max-width:760px;margin-inline:auto;padding:0 24px;height:64px;display:flex;align-items:center;
  justify-content:space-between}
.brand{display:flex;align-items:center;gap:11px;font-weight:700;text-decoration:none;letter-spacing:-.02em}
.mark{width:28px;height:28px;border-radius:9px;background:linear-gradient(140deg,var(--glow),var(--glow-2));
  display:grid;place-items:center;font-size:13px;font-weight:800;color:#fff}
.nav a.back{color:var(--ink-2);text-decoration:none;font-size:15px}
.nav a.back:hover{color:var(--ink)}
h1{font-size:clamp(2.1rem,5vw,3rem);letter-spacing:-.033em;line-height:1.08;margin:0 0 10px;font-weight:800}
.updated{color:var(--ink-2);font-size:14.5px;margin:0 0 8px}
main{padding:clamp(48px,8vw,84px) 0 40px}
h2{font-size:1.32rem;letter-spacing:-.022em;margin:52px 0 14px;font-weight:700}
p,li{color:var(--ink-2)}
p{margin:0 0 17px}
ul{margin:0 0 17px;padding-left:22px}li{margin-bottom:9px}
strong{color:var(--ink);font-weight:650}
a{color:#c4a0ff}
.lede{font-size:1.1rem;color:var(--ink);border-left:2px solid var(--glow);padding-left:20px;margin:28px 0 8px}
.box{border:1px solid var(--hairline);border-radius:18px;padding:26px 28px;background:rgba(255,255,255,.04);
  backdrop-filter:blur(18px);margin:26px 0}
.box p:last-child{margin-bottom:0}
code{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.88em;background:rgba(255,255,255,.08);
  padding:2px 7px;border-radius:6px;color:#dcc8ff}
footer{border-top:1px solid var(--hairline);margin-top:70px;padding:34px 0 46px}
.foot{max-width:760px;margin-inline:auto;padding:0 24px;display:flex;justify-content:space-between;
  gap:20px;flex-wrap:wrap;font-size:14.5px;color:var(--ink-2)}
.foot a{color:var(--ink-2);text-decoration:none;margin-right:22px}
.foot a:hover{color:var(--ink)}
