:root{--bg:#07111b;--surface:#0d1925;--surface2:#111f2c;--line:#22384b;--text:#f5f8fb;--muted:#9db0c0;--orange:#ff8426;--green:#31d8a1;--side:255px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:radial-gradient(circle at 70% 0,#163047 0,transparent 24%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}aside{position:fixed;inset:0 auto 0 0;width:var(--side);padding:26px 18px;background:#08131eeb;border-right:1px solid var(--line);backdrop-filter:blur(18px)}.logo{display:flex;gap:12px;align-items:center;padding:0 8px 28px}.logo>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#ffac45,var(--orange));color:#201003;font-size:22px;font-weight:900}.logo strong,.logo small{display:block}.logo strong{font-size:13px;letter-spacing:.08em}.logo small{font-size:12px;color:var(--muted)}nav{display:grid;gap:6px}nav a{padding:11px 12px;border-radius:9px;color:#91a6b7;text-decoration:none;font-size:13px}nav a:hover,nav a.active{background:#172736;color:#fff;box-shadow:inset 3px 0 var(--orange)}.progress{position:absolute;left:26px;right:26px;bottom:30px}.progress small,.progress span{font-size:10px;color:#7790a2}.progress div{height:5px;border-radius:9px;background:#1d3040;margin:8px 0}.progress i{display:block;width:18%;height:100%;border-radius:9px;background:var(--orange)}main{margin-left:var(--side);max-width:1320px;padding:0 clamp(28px,5vw,78px)}header{display:flex;justify-content:space-between;align-items:end;gap:25px;padding:75px 0 45px;border-bottom:1px solid var(--line)}.crumb{color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.12em}h1{font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:-.045em;margin:12px 0}header p{margin:0;color:#b1c0cd;font-size:18px;max-width:760px}.meta{display:grid;place-items:center;min-width:120px;padding:18px;border:1px solid #2b4356;border-radius:15px;background:#0d1a27}.meta b{font-size:32px;color:var(--orange)}.meta span{font-size:11px;color:var(--muted)}.intro{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;padding:34px 0}.goal,.warning{padding:22px 24px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.goal span{font-size:11px;font-weight:900;color:var(--green);letter-spacing:.12em}.goal p,.warning p{margin:7px 0 0;color:#bac7d1}.warning{border-color:#63401e;background:#24180e}.warning b{color:#ffa24e}.chapter{padding:68px 0;border-top:1px solid var(--line)}.chapter-title{display:flex;gap:15px;align-items:center;margin-bottom:35px}.chapter-title>span{display:grid;place-items:center;width:46px;height:46px;border:1px solid #42566a;border-radius:12px;color:var(--orange);font-weight:900}.chapter-title small{color:#7f95a8;font-size:10px;letter-spacing:.15em}.chapter-title h2{font-size:30px;line-height:1.2;margin:2px 0}.step{display:grid;grid-template-columns:minmax(290px,.78fr) minmax(450px,1.22fr);gap:42px;align-items:center;padding:34px 0}.step+.step{border-top:1px dashed #24384a}.copy{position:relative;padding-left:52px}.number{position:absolute;left:0;top:0;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--orange);color:#1b0d03}.copy>small{font-size:10px;color:var(--orange);font-weight:900;letter-spacing:.14em}.copy h3{font-size:24px;line-height:1.2;margin:5px 0 12px}.copy p{color:#afbeca;margin:0 0 12px}.copy ul{padding-left:19px;color:#aebdca}.copy li{margin:7px 0}.result,.tip,.danger,.success{margin-top:18px;padding:13px 15px;border-radius:10px;font-size:13px}.result{background:#0e2a25;color:#a9ddd0;border:1px solid #205648}.tip{background:#11273a;color:#accde5;border:1px solid #294a64}.danger{display:grid;background:#28180f;color:#ddbaa1;border:1px solid #68411f}.danger b{color:#ff9a45}.success{background:#103125;border:1px solid #24674e;color:#8be5c2;font-weight:800}.example{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.example b{width:100%;font-size:12px}.example span{padding:6px 9px;border-radius:7px;background:#152736;color:#b9c8d4;font-size:12px}.shot{position:relative;margin:0;overflow:hidden;border-radius:14px;border:1px solid #345066;background:#0b151e;box-shadow:0 25px 70px #0008}.shot img{display:block;width:100%;height:auto}.shot.narrow{max-width:300px;justify-self:center}.target{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--orange);color:#1c0c02;font-weight:900;border:4px solid #fff;box-shadow:0 0 0 7px #ff842644,0 0 28px #ff8426;animation:pulse 1.8s infinite}.arrow{position:absolute;left:var(--x);top:var(--y);width:92px;height:5px;background:var(--orange);border-radius:5px;transform:translate(-50%,-50%) rotate(var(--r));transform-origin:center;box-shadow:0 0 15px #ff8426}.arrow:after{content:"";position:absolute;right:-4px;top:-8px;border-left:18px solid var(--orange);border-top:10px solid transparent;border-bottom:10px solid transparent}.stack{display:grid;gap:15px}@keyframes pulse{50%{box-shadow:0 0 0 14px #ff842600,0 0 28px #ff8426}}footer{display:flex;align-items:center;gap:18px;margin:30px 0 70px;padding:28px 30px;border-radius:16px;background:linear-gradient(120deg,#163d36,#122235 70%,#342119);border:1px solid #315548}footer strong{font-size:21px}footer span{flex:1;color:#b6c6d0}footer a{color:white;text-decoration:none;border-bottom:1px solid #ffffff66}@media(max-width:900px){:root{--side:0px}aside{display:none}main{margin-left:0;padding:0 22px}.step{grid-template-columns:1fr;gap:20px}.copy{padding-left:48px}.intro{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}.meta{display:none}.shot.narrow{max-width:260px}.arrow{width:66px}}@media(max-width:540px){header{padding-top:45px}h1{font-size:39px}.chapter{padding:48px 0}.chapter-title h2{font-size:24px}.step{padding:28px 0}.copy h3{font-size:21px}.target{width:32px;height:32px}.arrow{width:52px}footer{align-items:flex-start;flex-direction:column}}