body{font-family:'Segoe UI',system-ui,sans-serif;background:#0a0a14;color:#f5f3ff;margin:0;line-height:1.7}
.wrap{max-width:860px;margin:0 auto;padding:3rem 1.25rem 5rem}
.top{background:rgba(10,10,20,.85);border-bottom:1px solid rgba(255,255,255,.08);padding:1rem 1.25rem;position:sticky;top:0;backdrop-filter:blur(20px);z-index:50}
.top-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.logo{display:flex;align-items:center;gap:.6rem;font-weight:900;font-family:Georgia,serif;font-size:1.2rem;color:#fff;text-decoration:none}
.logo-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#7c3aed,#ec4899,#22d3ee);display:grid;place-items:center;color:#fff;font-weight:900}
h1{font-family:Georgia,serif;font-size:2.4rem;background:linear-gradient(135deg,#7c3aed,#ec4899,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 0 .3rem}
h2{font-family:Georgia,serif;color:#fff;margin-top:2.2rem;border-left:4px solid #7c3aed;padding-left:.8rem}
p,li{color:#cbc7e0}
a{color:#22d3ee}
.back{display:inline-block;margin-top:2rem;padding:.7rem 1.3rem;background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;border-radius:12px;text-decoration:none;font-weight:700}
.note{background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.3);padding:1rem 1.2rem;border-radius:12px;margin:1rem 0}
.muted{color:#9590b8;font-size:.9rem}
ul{padding-left:1.3rem}