:root{--bg:#09070f;--panel:#15111f;--panel2:#1d1629;--text:#f5f2fb;--muted:#bdb5ca;--accent:#ff315f;--accent2:#8f5cff;--line:#32283f}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 20% 0,#271333 0,#09070f 42%);color:var(--text);line-height:1.68}.wrap{max-width:1160px;margin:auto;padding:0 20px}.top{position:sticky;top:0;z-index:20;background:rgba(9,7,15,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:70px}.logo{font-weight:900;letter-spacing:.9px;font-size:22px;color:#fff;text-decoration:none}.logo span{color:var(--accent)}nav a{color:#ddd4e8;text-decoration:none;margin-left:20px;font-weight:700}nav a:hover{color:#fff}.hero{margin:26px auto 10px}.hero img{display:block;width:100%;border-radius:26px;border:1px solid #3a2a4b;box-shadow:0 18px 55px rgba(0,0,0,.35)}main{padding-bottom:44px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px}.card{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:22px;padding:28px;margin:18px 0;box-shadow:0 10px 35px rgba(0,0,0,.18)}h1{font-size:38px;line-height:1.12;margin:0 0 16px}h2{font-size:28px;margin:0 0 14px}h3{font-size:20px;margin:22px 0 8px}.lead{font-size:19px;color:#e5dfeb}.cta{display:inline-block;background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff;text-decoration:none;padding:13px 20px;border-radius:12px;font-weight:800;margin-top:8px}.toc{position:sticky;top:90px}.toc a{display:block;color:#d8cdea;text-decoration:none;padding:9px 0;border-bottom:1px solid var(--line)}table{width:100%;border-collapse:collapse;margin:15px 0}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}th{color:#fff}td{color:#d8d1df}ul{padding-left:21px}li{margin:7px 0}.footer{border-top:1px solid var(--line);padding:30px 0 42px;color:var(--muted)}.footer a{color:#d8cdea;margin-right:16px}.tag{display:inline-block;padding:5px 9px;border:1px solid #533b6b;border-radius:999px;color:#d9cbef;font-size:13px;margin-right:6px}.final{background:linear-gradient(145deg,#231229,#171024)}@media(max-width:850px){.layout{grid-template-columns:1fr}.toc{position:static}.nav{align-items:flex-start;gap:12px;padding-top:12px;padding-bottom:12px}.nav nav{display:flex;flex-wrap:wrap;justify-content:flex-end}.nav nav a{margin:3px 0 3px 14px}h1{font-size:31px}}