:root{--bg:#080b12;--panel:#111824;--panel2:#182231;--text:#f7f9fc;--muted:#aeb8c8;--accent:#00d7a7;--accent2:#6a5cff;--line:#263446;--warn:#f5b942}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#081018 0,#080b12 36%,#0b0f16 100%);color:var(--text);line-height:1.68}.wrap{max-width:1180px;margin:auto;padding:0 22px}.top{position:sticky;top:0;z-index:20;background:rgba(8,11,18,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:72px}.logo{font-weight:900;letter-spacing:.8px;font-size:22px;color:#fff;text-decoration:none}.logo b{color:var(--accent)}nav a{color:#d7deea;text-decoration:none;margin-left:20px;font-weight:700}nav a:hover{color:#fff}.hero{margin:28px auto 10px}.hero img{display:block;width:100%;border-radius:24px;border:1px solid #2d3c50;box-shadow:0 20px 60px rgba(0,0,0,.34)}main{padding-bottom:48px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.card{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:20px;padding:28px;margin:18px 0;box-shadow:0 12px 36px rgba(0,0,0,.18)}h1{font-size:40px;line-height:1.12;margin:0 0 16px}h2{font-size:28px;margin:0 0 13px}h3{font-size:20px;margin:22px 0 8px}.lead{font-size:19px;color:#e7edf7}.cta{display:inline-block;background:linear-gradient(90deg,var(--accent),var(--accent2));color:#071016;text-decoration:none;padding:13px 21px;border-radius:12px;font-weight:900;margin-top:8px}.toc{position:sticky;top:92px}.toc a{display:block;color:#d7deea;text-decoration:none;padding:9px 0;border-bottom:1px solid var(--line)}table{width:100%;border-collapse:collapse;margin:16px 0}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}th{color:#fff}td{color:#d5dce8}ul{padding-left:22px}li{margin:7px 0}.tag{display:inline-block;padding:5px 10px;border:1px solid #345064;border-radius:999px;color:#cce9df;font-size:13px;margin-right:6px}.footer{border-top:1px solid var(--line);padding:30px 0 42px;color:var(--muted)}.footer-links{display:flex;gap:12px 18px;flex-wrap:wrap}.footer a{color:#cfd8e6;text-decoration:none}.final{background:linear-gradient(145deg,#0d2830,#171932)}.note{border-left:4px solid var(--warn);padding-left:14px}.tech-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media(max-width:860px){.layout{grid-template-columns:1fr}.toc{position:static}.nav{align-items:flex-start;gap:12px;padding:12px 0}.nav nav{display:flex;flex-wrap:wrap;justify-content:flex-end}.nav nav a{margin:3px 0 3px 14px}h1{font-size:31px}.tech-grid{grid-template-columns:1fr}}