:root{--accent:#5b5ce2;--soft:#f3f3ff;--ink:#171923;--muted:#5d677b;--line:#e6e8ee}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.6 Inter,system-ui,-apple-system,sans-serif}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.top{border-bottom:1px solid var(--line)}.top .wrap{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:850;font-size:1.4rem;text-decoration:none;color:var(--ink)}.brand span,.crumb a{color:var(--accent)}.nav{display:flex;gap:24px}.nav a,.crumb a{color:var(--muted);text-decoration:none;font-size:.94rem}.crumb{padding:18px 0 0;color:#93a0b4;font-size:.9rem}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.82fr);gap:38px;align-items:center;padding:24px 0 46px}.eyebrow{margin:0;color:var(--accent);font-size:.76rem;letter-spacing:.11em;text-transform:uppercase;font-weight:800}.hero h1,.section h2{line-height:1.08;letter-spacing:-.045em}.hero h1{max-width:620px;margin:.4rem 0 .9rem;font-size:clamp(2.45rem,3.7vw,3.75rem)}.hero h1 em{font-style:normal;color:var(--accent)}.lead,.intro{color:var(--muted);max-width:610px}.facts{padding:0;margin:20px 0;display:flex;flex-wrap:wrap;gap:8px;list-style:none}.facts li{border:1px solid var(--line);border-radius:99px;padding:6px 11px;font-size:.86rem}.button{display:inline-block;padding:13px 18px;border-radius:10px;background:var(--accent);color:#fff;text-decoration:none;font-weight:750}.panel{padding:24px;border-radius:18px;background:var(--soft);border:1px solid color-mix(in srgb,var(--accent) 18%,white)}.panel code{display:block;white-space:pre-wrap;font:14px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;color:#36405b}.section{padding:52px 0;border-top:1px solid var(--line)}.section h2{font-size:clamp(1.8rem,4vw,2.8rem);margin:.2rem 0 .7rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.card{border:1px solid var(--line);border-radius:14px;padding:20px;text-decoration:none;color:inherit;min-height:190px}.card:hover{border-color:var(--accent)}.card small{color:var(--accent);font-weight:800}.card h3{font-size:1.08rem;margin:35px 0 8px}.card p{margin:0;color:var(--muted);font-size:.92rem}.practice{background:var(--ink);color:#fff;border-radius:18px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.practice p{color:#c5cbd8;margin:0;max-width:700px}.practice h2{margin:0 0 8px}.practice .button{background:#fff;color:var(--ink);white-space:nowrap}.footer{border-top:1px solid var(--line);padding:34px 0;color:var(--muted);font-size:.9rem}.footer a{color:var(--accent)}@media(max-width:720px){.nav{display:none}.crumb{padding-top:14px}.hero{grid-template-columns:1fr;gap:20px;padding:20px 0 38px}.hero h1{font-size:clamp(2.4rem,12vw,3.25rem)}.grid{grid-template-columns:1fr}.practice{display:block}.practice .button{margin-top:18px}.top .wrap{min-height:64px}}.ref-index{columns:3 220px;column-gap:28px;list-style:none;margin:10px 0 0;padding:0}.ref-index li{break-inside:avoid;margin:0 0 7px}.ref-index a{color:var(--ink)}#vse-materialy h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:26px 0 4px}
