*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f2f5;color:#171419;font:18px/1.65 Arial,Helvetica,sans-serif}a{color:#56487d}a:focus-visible{outline:3px solid #00a99d;outline-offset:3px}.site-header{position:sticky;top:0;z-index:10;background:#fff;box-shadow:0 2px 13px #00000013;border-bottom:3px solid #00a99d;transition:padding .2s}.site-header .bar{max-width:1160px;margin:auto;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;transition:padding .2s}.site-header img{width:min(235px,45vw);max-height:64px;object-fit:contain;transition:width .2s}.site-header.compact .bar{padding:7px 20px}.site-header.compact img{width:145px;max-height:38px}.nav{display:flex;gap:16px;flex-wrap:wrap}.nav a{text-decoration:none;font-weight:700;font-size:15px;color:#171419}.nav a:hover{color:#756a96}.hero{background:radial-gradient(circle at 12% 10%,#988db355,transparent 42%),radial-gradient(circle at 90% 5%,#00a99d22,transparent 33%),linear-gradient(135deg,#fff,#f4f2f5);padding:55px 22px 45px}.hero>div{max-width:1120px;margin:auto}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.12em;color:#756a96;text-transform:uppercase}h1{font-size:clamp(34px,4.5vw,53px);letter-spacing:-.035em;line-height:1.1;margin:14px 0 18px}h2{font-size:clamp(25px,2.7vw,32px);line-height:1.2;letter-spacing:-.015em;margin:0 0 15px}h3{font-size:22px}.lead{font-size:20px;max-width:730px;color:#49424b}.container{max-width:1120px;margin:0 auto;padding:40px 22px 75px}.unit{margin:0 0 42px;scroll-margin-top:92px}.unit-title{border-left:6px solid #988db3;padding-left:16px}.unit-title small{color:#756a96;display:block;font-size:13px;font-weight:800}.unit-title h2{margin:2px 0}.unit-title p{margin:0 0 20px;color:#655e68;font-size:16px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:14px}.card{background:#fff;border:1px solid #ddd7df;border-radius:17px;padding:20px;display:flex;align-items:center;gap:14px;text-decoration:none;color:#171419;box-shadow:0 4px 13px #00000009;transition:transform .12s,border-color .12s}.card:hover{transform:translateY(-2px);border-color:#988db3}.num{flex:0 0 44px;height:44px;display:grid;place-items:center;background:#f1edf7;color:#65518c;border-radius:12px;font-size:16px;font-weight:900}.card b{line-height:1.35;font-size:17px}.card i{margin-left:auto;color:#00a99d;font-style:normal}.lesson-head{background:#fff;border-bottom:3px solid #00a99d;padding:13px max(22px,calc((100vw - 1080px)/2));display:flex;justify-content:space-between;align-items:center;gap:15px}.lesson-head img{width:200px;max-width:44vw;max-height:70px;object-fit:contain}.back{font-size:15px;font-weight:700;text-decoration:none}.article{max-width:960px;margin:auto;padding:45px 22px 70px}.article h1{max-width:850px}.panel{background:#fff;border:1px solid #ddd7df;border-radius:20px;margin:28px 0;padding:clamp(22px,4vw,38px);box-shadow:0 10px 28px #00000007}.panel p{max-width:800px}.panel code{background:#eeeaf5;border-radius:4px;padding:.1em .25em}.codebox{position:relative;background:#121212;color:#eaeaea;border-radius:15px;margin:22px 0;overflow:auto}.codebox pre{margin:0;padding:30px 22px 22px;line-height:1.5;font:15.5px/1.5 Consolas,'Courier New',monospace}.codebox code{background:none;padding:0;color:inherit}.code-label{position:absolute;right:12px;top:8px;font:700 10px Arial;color:#bcaedc}.route{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:22px 14px;background:#f5f1f8;border-radius:12px}.route strong{padding:8px 12px;border:1px solid #988db3;border-radius:10px;background:#fff;font-size:15px}.route .step{font-weight:900;color:#00a99d}.footnav{margin-top:35px;font-weight:700}footer{border-top:1px solid #ddd7df;background:#fff;text-align:center;color:#756a96;padding:26px 15px;font-size:14px}@media(max-width:650px){.site-header .bar{flex-direction:column;padding:10px}.site-header.compact .bar{flex-direction:row}.nav{gap:9px;justify-content:center}.nav a{font-size:12px}.hero{padding:38px 20px}.cards{grid-template-columns:1fr}.panel{padding:22px}.article{padding-top:30px}}@media print{.site-header,.back,.footnav{display:none}.panel{box-shadow:none;break-inside:avoid}.lesson-head{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}