:root{--bg:#f7f8fb;--card:#fff;--text:#182033;--muted:#657087;--brand:#2563eb;--brand2:#0f172a;--line:#e7eaf0;--soft:#eef4ff}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.65}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1120px;margin:auto;padding:0 22px}.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:9}.nav{height:68px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:800;color:var(--brand2);font-size:22px}.logo span{color:var(--brand)}.menu{display:flex;gap:22px;font-size:15px}.hero{padding:78px 0 50px;background:linear-gradient(135deg,#fff,#edf4ff)}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:34px;align-items:center}.badge{display:inline-block;background:var(--soft);color:var(--brand);font-weight:700;padding:6px 12px;border-radius:999px;font-size:14px}.hero h1{font-size:48px;line-height:1.08;margin:18px 0}.hero p{font-size:18px;color:var(--muted);max-width:720px}.btns{display:flex;gap:14px;margin-top:24px;flex-wrap:wrap}.btn{display:inline-block;padding:13px 18px;border-radius:12px;font-weight:700}.btn.primary{background:var(--brand);color:#fff}.btn.secondary{background:#fff;color:var(--brand2);border:1px solid var(--line)}.panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 15px 40px rgba(15,23,42,.06)}.panel ul{padding-left:20px;margin:10px 0 0}.section{padding:54px 0}.section h2{font-size:32px;margin:0 0 12px}.lead{color:var(--muted);max-width:760px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 8px 26px rgba(15,23,42,.04)}.card h3{margin:0 0 8px;font-size:21px}.card p{color:var(--muted);margin:0 0 12px}.article{background:#fff;padding:46px 0}.article .content{max-width:860px}.article h1{font-size:42px;line-height:1.12}.article h2{margin-top:38px}.note{background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;padding:18px;color:#7c2d12}.toc{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:18px}.toc a{display:block;margin:6px 0}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden}.table th,.table td{border:1px solid var(--line);padding:12px;text-align:left}.footer{background:#0f172a;color:#cbd5e1;padding:36px 0;margin-top:40px}.footer a{color:#dbeafe}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}.small{font-size:14px;color:#94a3b8}@media(max-width:820px){.hero-grid,.grid,.footgrid{grid-template-columns:1fr}.hero h1{font-size:36px}.menu{display:none}.section{padding:38px 0}}