:root{--bg:#0B0710;--card:#170F26;--card-2:#1D1330;--border:#2C2144;--violet:#8B5CF6;--pink:#EC4899;--coral:#FB7185;
  --white:#F6F4FB;--muted:#B8AFC9;--muted-2:#8A8098;--grad:linear-gradient(120deg,#8B5CF6,#EC4899 55%,#FB7185);
  --radius:22px;--shadow:0 20px 60px -20px rgba(139,92,246,.45)}
*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;overflow-x:hidden;background:var(--bg)}
body{font-family:'Inter',system-ui,sans-serif;color:var(--white);line-height:1.7;padding-bottom:4rem}
h1,h2,h3{font-family:'Sora',sans-serif;font-weight:800;letter-spacing:-.02em;color:var(--white)}
a{color:color-mix(in srgb,var(--pink) 72%,#fff);text-decoration:none}
a:hover{color:#fff}
.wrap{width:min(820px,92vw);margin-inline:auto}
nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;
  padding:1rem clamp(1rem,4vw,2.5rem);background:rgba(11,7,16,.75);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.brand{display:flex;align-items:center;gap:.6rem;font-family:'Sora';font-weight:800;color:var(--white)}
.brand .dot{width:24px;height:24px;border-radius:8px;background:var(--grad)}
.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:'Sora';font-weight:700;font-size:.85rem;
  padding:.55rem 1.05rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:#fff;transition:transform .2s,border-color .25s}
.btn:hover{transform:translateY(-1px);border-color:var(--pink);color:#fff}
.doc{padding:3rem 0 1rem}
.eyebrow{font-family:'Sora';font-weight:600;font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}
.doc h1{font-size:clamp(1.8rem,5vw,2.6rem);margin:.6rem 0 .4rem}
.updated{color:var(--muted-2);font-size:.85rem;margin-bottom:2rem}
.doc section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);
  padding:1.6rem clamp(1.2rem,3vw,2rem);margin-bottom:1.3rem}
.doc h2{font-size:1.25rem;margin-bottom:.9rem;padding-bottom:.6rem;border-bottom:1px solid var(--border)}
.doc h3{font-family:'Sora';font-weight:700;font-size:1rem;margin:1.2rem 0 .4rem;color:var(--white)}
.doc p,.doc li{color:var(--muted);font-size:.95rem}
.doc p{margin-bottom:.7rem}
.doc ul{margin:.3rem 0 .8rem 1.2rem}
.doc li{margin-bottom:.35rem}
.doc strong{color:var(--white);font-weight:600}
.kv{list-style:none;margin:0}
.kv li{display:flex;gap:.6rem;flex-wrap:wrap;padding:.45rem 0;border-bottom:1px dashed var(--border)}
.kv li:last-child{border-bottom:none}
.kv .k{min-width:180px;color:var(--muted-2);font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}
.kv .v{flex:1;min-width:200px;color:var(--white);font-size:.95rem;word-break:break-word}
.todo{display:inline-block;background:color-mix(in srgb,var(--coral) 18%,transparent);border:1px solid color-mix(in srgb,var(--coral) 45%,var(--border));
  color:color-mix(in srgb,var(--coral) 85%,#fff);font-size:.82rem;font-weight:600;padding:.05rem .5rem;border-radius:8px}
.note{background:var(--card-2);border-left:3px solid var(--violet);border-radius:0 12px 12px 0;padding:.85rem 1.1rem;margin:.8rem 0;color:var(--muted);font-size:.9rem}
footer{border-top:1px solid var(--border);margin-top:3rem;padding:2.4rem 0 1rem}
footer .fwrap{width:min(1040px,92vw);margin-inline:auto;display:flex;flex-wrap:wrap;gap:1.4rem;justify-content:space-between;align-items:flex-start}
footer .flinks{display:flex;flex-wrap:wrap;gap:1rem 1.6rem;font-size:.88rem}
footer .flinks a{color:var(--muted)}footer .flinks a:hover{color:#fff}
footer .copy{color:var(--muted-2);font-size:.8rem;margin-top:1.4rem;width:min(1040px,92vw);margin-inline:auto}