:root{--blue: #176be0;--blue-dark: #1257bd;--orange: #f5910e;--ink: #1d1e20;--muted: #5b6470;--line: #e7eaee;--bg: #fff;--soft: #f6f8fb}*{box-sizing:border-box}body{margin:0;font-family:DM Sans,system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.7}.wrap{max-width:960px;margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--line);position:sticky;top:0;background:#fffffff5;backdrop-filter:blur(6px);z-index:50}.site-header .wrap{display:flex;align-items:center;gap:20px;height:68px;max-width:1120px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font-weight:700;font-size:19px;letter-spacing:.3px}.brand img{border-radius:8px}.brand strong{color:var(--blue)}.brand .slogan{font-weight:800;font-size:21px;color:var(--ink);white-space:nowrap;letter-spacing:-.01em}.brand .slogan sup{color:var(--orange);font-size:13px;font-weight:800;top:-.7em}@media (max-width: 900px){.brand .slogan{font-size:16px}}.site-header nav{display:flex;gap:22px;flex:1;justify-content:center}.site-header nav a{text-decoration:none;color:var(--ink);font-weight:500;font-size:15px;padding:6px 0;border-bottom:2px solid transparent}.site-header nav a:hover{color:var(--blue)}.site-header nav a.active{color:var(--blue);border-bottom-color:var(--orange)}.site-header .lang{border:1px solid var(--line);border-radius:8px;padding:5px 11px;text-decoration:none;color:var(--ink);font-size:14px;font-weight:600}main.wrap{max-width:760px}article{padding:34px 0 60px}article h1{font-size:2.1rem;line-height:1.22;margin:0 0 18px;font-weight:800;letter-spacing:-.01em}article h2{font-size:1.45rem;margin-top:2em;font-weight:700}article h3{font-size:1.15rem;margin-top:1.5em;font-weight:700}article img{max-width:100%;height:auto;border-radius:12px;margin:1.3em 0}article table{width:100%;border-collapse:collapse;margin:1.3em 0;font-size:.95rem;display:block;overflow-x:auto}article th,article td{border:1px solid var(--line);padding:9px 12px;text-align:left}article th{background:var(--soft);font-weight:700}article blockquote{border-left:4px solid var(--blue);margin:1.3em 0;padding:6px 18px;color:var(--muted);font-style:italic;background:var(--soft);border-radius:0 8px 8px 0}article a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}article ul,article ol{padding-left:1.4em}article li{margin:.35em 0}.hero{background:linear-gradient(135deg,#0f2a52,#176be0);color:#fff}.hero .wrap{max-width:1120px;padding:46px 20px}.hero h1{margin:0;font-size:2rem;font-weight:800}.hero p{margin:8px 0 0;color:#d5e3ff}.cards{max-width:1120px;margin:0 auto;padding:30px 20px 60px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.card{border:1px solid var(--line);border-radius:14px;padding:22px;transition:box-shadow .15s,transform .15s;background:#fff}.card:hover{box-shadow:0 10px 30px #176be01a;transform:translateY(-2px)}.card a.title{color:var(--ink);text-decoration:none;font-size:1.18rem;font-weight:700;line-height:1.3;display:block}.card:hover a.title{color:var(--blue)}.card p{color:var(--muted);margin:10px 0 0;font-size:.95rem}.card .more{display:inline-block;margin-top:14px;color:var(--blue);font-weight:600;font-size:.9rem;text-decoration:none}.site-footer{background:var(--ink);color:#cfd6df;margin-top:40px}.site-footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;padding:44px 20px 28px;max-width:1120px;margin:0 auto}.site-footer .brand{color:#fff}.site-footer .brand strong{color:#6ea8ff}.site-footer p{color:#9aa4b2;font-size:14px;margin:12px 0 0}.site-footer h4{color:#fff;font-size:15px;margin:0 0 12px}.site-footer a{display:block;color:#cfd6df;text-decoration:none;font-size:14px;margin:7px 0}.site-footer a:hover{color:#fff}.site-footer .social{display:flex;gap:14px;margin-top:10px}.site-footer .social a{display:inline}.site-footer .copy{border-top:1px solid #2c2f34;text-align:center;padding:16px;font-size:13px;color:#8b95a3}.wa-float{position:fixed;right:20px;bottom:20px;width:56px;height:56px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #25d36673;z-index:60}.wa-float:hover{transform:scale(1.06)}@media (max-width: 720px){.site-header nav{display:none}.site-footer .cols{grid-template-columns:1fr;gap:22px}article h1{font-size:1.65rem}.hero h1{font-size:1.5rem}}
