*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:#0a0a11;color:#f2f2f8;line-height:1.7;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}
a{color:#00d2ff;text-decoration:none}
a:hover{text-decoration:underline}
::selection{background:rgba(255,95,158,.35)}
header{background:rgba(10,10,17,.8);backdrop-filter:blur(12px);border-bottom:1px solid #282840;position:sticky;top:0;z-index:10}
.hwrap{max-width:780px;margin:0 auto;padding:14px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.logo{font-size:22px;font-weight:900;letter-spacing:-1px;background:linear-gradient(135deg,#ff5f9e,#6c5ce7,#00d2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}
.back{color:#8b8ba0;font-size:14px;font-weight:600;white-space:nowrap}
main{flex:1;width:100%;max-width:780px;margin:0 auto;padding:46px 22px 90px}
h1{font-size:clamp(28px,5vw,42px);font-weight:900;letter-spacing:-2px;margin-bottom:6px;background:linear-gradient(135deg,#ff5f9e,#6c5ce7,#00d2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.updated{color:#8b8ba0;font-size:13px;margin-bottom:30px}
h2{font-size:19px;font-weight:800;margin:36px 0 12px;color:#fff;letter-spacing:-.4px}
p{color:#c9c9d8;font-size:15px;margin-bottom:14px}
ul,ol{padding-left:22px;margin-bottom:16px}
li{color:#c9c9d8;font-size:15px;margin-bottom:9px}
strong{color:#fff}
code{background:#14141f;border:1px solid #282840;border-radius:6px;padding:2px 8px;font-size:13px;font-family:'Cascadia Code',Consolas,monospace;color:#a9e5ff}
footer{border-top:1px solid #282840;text-align:center;padding:26px 22px;color:#8b8ba0;font-size:13px}
footer a{color:#00d2ff}
@media(max-width:640px){
  .hwrap{padding:12px 16px}
  .logo{font-size:19px}
  main{padding:32px 16px 70px}
  h2{font-size:17px}
}