:root{--nav-width:280px;--header-h:56px;--accent:#4a7c45;--accent-light:#6a9c64;--accent-bg:#f2f7f1;--paper:#fdfcf8;--paper-shadow:#e8e3d8;--ink:#1a1a1a;--ink-muted:#555;--ink-light:#888;--border:#d8d0c4;--transition:0.32s cubic-bezier(0.4,0,0.2,1);--page-transition:0.38s cubic-bezier(0.25,0.46,0.45,0.94)}.about-page{background:#ede8de;background-image:radial-gradient(circle at 20% 50%,rgba(106,156,100,.06) 0,transparent 60%),radial-gradient(circle at 80% 20%,rgba(74,124,69,.04) 0,transparent 50%);height:calc(100vh - var(--header-h))}.about-page,.about-sidebar{display:flex;overflow:hidden}.about-sidebar{background:linear-gradient(165deg,#2c3e2d,#1a2d1b);box-shadow:4px 0 24px rgba(0,0,0,.22);color:#fff;flex-direction:column;height:100%;min-width:var(--nav-width);position:relative;transition:transform var(--transition);width:var(--nav-width);z-index:10}.about-sidebar:before{background-image:repeating-linear-gradient(0deg,transparent,transparent 39px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 40px);content:"";inset:0;pointer-events:none;position:absolute}.about-sidebar__inner{display:flex;flex-direction:column;height:100%;padding:28px 24px;position:relative;z-index:1}.about-brand{align-items:center;display:flex;gap:12px;margin-bottom:8px}.about-brand__icon{align-items:center;background:hsla(0,0%,100%,.12);border-radius:10px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.about-brand__icon svg{color:hsla(0,0%,100%,.85);height:20px;width:20px}.about-brand__title{color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin:0}.about-sidebar__subtitle{color:hsla(0,0%,100%,.42);font-size:.72rem;line-height:1.5;margin:0 0 28px;padding-left:50px}.about-nav{display:flex;flex:1;flex-direction:column;gap:4px}.about-nav__item{align-items:center;border:1px solid transparent;border-radius:10px;color:hsla(0,0%,100%,.6);display:flex;font-size:.875rem;font-weight:500;gap:12px;overflow:hidden;padding:13px 14px;position:relative;text-decoration:none;transition:all var(--transition)}.about-nav__item:before{background:var(--accent-light);border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform var(--transition);width:3px}.about-nav__item:hover{background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.9)}.about-nav__item.active{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.1);color:#fff}.about-nav__item.active:before{transform:scaleY(1)}.about-nav__num{color:hsla(0,0%,100%,.35);font-size:.65rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.05em;min-width:20px}.about-nav__item.active .about-nav__num{color:var(--accent-light)}.about-nav__label{flex:1;line-height:1.3}.about-nav__arrow{color:var(--accent-light);font-size:.8rem;opacity:0;transform:translateX(-4px);transition:all var(--transition)}.about-nav__item.active .about-nav__arrow,.about-nav__item:hover .about-nav__arrow{opacity:1;transform:translateX(0)}.about-progress{border-top:1px solid hsla(0,0%,100%,.08);margin-top:24px;padding-top:20px}.about-progress__bar{background:hsla(0,0%,100%,.1);border-radius:2px;height:3px;margin-bottom:8px;overflow:hidden}.about-progress__fill{background:linear-gradient(90deg,var(--accent-light),#8fbc8b);border-radius:2px;height:100%;transition:width var(--page-transition);width:25%}.about-progress__label{color:hsla(0,0%,100%,.35);font-size:.68rem;letter-spacing:.08em}.about-main{align-items:stretch;display:flex;flex:1;height:100%;overflow:hidden;padding:24px 32px;position:relative}.book-viewport{perspective:1200px}.book-pages,.book-viewport{height:100%;position:relative;width:100%}.book-page{display:flex;inset:0;opacity:0;pointer-events:none;position:absolute;transform:translateX(40px) scale(.98);transform-origin:left center;transition:opacity var(--page-transition),transform var(--page-transition);will-change:transform,opacity}.book-page.active{opacity:1;pointer-events:auto;transform:translateX(0) scale(1)}.book-page.leaving{opacity:0;pointer-events:none;transform:translateX(-40px) scale(.98)}.page-spine{background:linear-gradient(to right,var(--paper-shadow),var(--paper));border-radius:4px 0 0 4px;box-shadow:-2px 0 8px rgba(0,0,0,.1);min-width:8px;position:relative;width:8px}.page-spine:after{background:rgba(0,0,0,.06);bottom:0;content:"";left:3px;position:absolute;top:0;width:1px}.page-body{background:var(--paper);border-radius:0 12px 12px 0;box-shadow:4px 4px 24px rgba(0,0,0,.12),12px 8px 40px rgba(0,0,0,.08),inset -1px 0 0 rgba(0,0,0,.04);display:flex;flex:1;flex-direction:column;overflow:hidden;position:relative}.page-body:before{background-image:repeating-linear-gradient(180deg,transparent,transparent 31px,rgba(0,0,0,.025) 0,rgba(0,0,0,.025) 32px);bottom:60px;content:"";left:0;pointer-events:none;position:absolute;right:0;top:120px}.page-header{border-bottom:1px solid var(--border);padding:32px 44px 20px;position:relative;z-index:1}.page-chapter{color:var(--accent);display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.12em;margin-bottom:8px;text-transform:uppercase}.page-title{color:var(--ink);font-size:clamp(1.3rem,2.2vw,2rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0}.page-content{flex:1;overflow-y:auto;padding:28px 44px;position:relative;scrollbar-color:var(--border) transparent;scrollbar-width:thin;z-index:1}.page-content::-webkit-scrollbar{width:4px}.page-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.page-lead{border-bottom:1px solid var(--border);color:var(--ink-muted);font-size:1.05rem;line-height:1.75;margin-bottom:28px;padding-bottom:20px}.page-content h3{color:var(--ink);font-size:1.15rem;font-weight:700;letter-spacing:.06em;margin:24px 0 10px;text-transform:uppercase}.page-content p{color:var(--ink-muted);font-size:1.05rem;line-height:1.8;margin:0 0 14px}.step-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0 0 20px;padding:0}.step-list li{align-items:flex-start;background:var(--accent-bg);border:1px solid rgba(74,124,69,.15);border-radius:10px;display:flex;gap:16px;padding:14px 18px}.step-num{color:var(--accent);font-size:.68rem;font-weight:800;letter-spacing:.05em;min-width:22px;padding-top:2px}.step-text{color:var(--ink-muted);font-size:.875rem;line-height:1.65}.step-text strong{color:var(--ink)}.contact-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:12px 0 20px;padding:0}.contact-list__item{align-items:center;background:var(--accent-bg);border:1px solid rgba(74,124,69,.15);border-radius:10px;display:flex;gap:16px;padding:14px 18px}.contact-list__icon{font-size:1.1rem;min-width:24px;text-align:center}.contact-list__label{color:var(--ink-light);display:block;font-size:.65rem;font-weight:700;letter-spacing:.08em;margin-bottom:2px;text-transform:uppercase}.contact-list__value{color:var(--accent);font-size:.9rem;font-weight:600;text-decoration:none;transition:color var(--transition)}.contact-list__value:hover{color:var(--accent-light);text-decoration:underline}.tip-box,.warn-box{align-items:flex-start;border-radius:10px;display:flex;font-size:.875rem;gap:14px;line-height:1.7;margin:20px 0;padding:16px 18px}.tip-box{background:linear-gradient(135deg,rgba(74,124,69,.08),rgba(74,124,69,.04));border:1px solid rgba(74,124,69,.2)}.tip-box,.warn-box{color:var(--ink-muted)}.warn-box{background:linear-gradient(135deg,rgba(200,140,40,.08),rgba(200,140,40,.03));border:1px solid rgba(200,140,40,.22)}.tip-box__icon,.warn-box__icon{flex-shrink:0;font-size:1.2rem;line-height:1;margin-top:2px}.page-footer{align-items:center;background:var(--paper);border-top:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 44px;position:relative;z-index:1}.page-num{color:var(--ink-light);font-size:.75rem;font-weight:800;letter-spacing:.1em}.page-next-btn{align-items:center;background:none;border:1px solid var(--border);border-radius:8px;color:var(--ink-muted);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:8px;letter-spacing:.02em;padding:8px 16px;transition:all var(--transition)}.page-next-btn span{transition:transform var(--transition)}.page-next-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.page-next-btn:hover span{transform:translateX(4px)}.page-footer--last{justify-content:space-between}.page-end-label{color:var(--ink-light);font-size:.78rem;font-style:italic;letter-spacing:.12em}.about-burger{align-items:center;background:var(--accent);border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 16px rgba(0,0,0,.25);cursor:pointer;display:none;flex-direction:column;gap:5px;height:48px;justify-content:center;position:fixed;right:20px;transition:background var(--transition);width:48px;z-index:200}.about-burger:hover{background:var(--accent-light)}.about-burger span{background:#fff;border-radius:1px;display:block;height:2px;transition:all var(--transition);width:20px}.about-burger.open span:first-child{transform:translateY(7px) rotate(45deg)}.about-burger.open span:nth-child(2){opacity:0}.about-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.about-overlay{backdrop-filter:blur(2px);background:rgba(0,0,0,.4);display:none;inset:0;position:fixed;z-index:8}@media (max-width:1024px){:root{--nav-width:240px}.about-main{padding:16px 20px}.page-header{padding:24px 28px 16px}.page-content{padding:20px 28px}.page-footer{padding:14px 28px}}@media (max-width:767px){.about-page{flex-direction:column;height:calc(100vh - var(--header-h));overflow:hidden}.about-sidebar{bottom:0;box-shadow:none;left:0;position:fixed;top:var(--header-h);transform:translateX(-100%);width:min(280px,80vw);z-index:100}.about-sidebar.open{box-shadow:4px 0 32px rgba(0,0,0,.3);transform:translateX(0)}.about-burger{display:flex}.about-overlay{display:block;opacity:0;pointer-events:none;transition:opacity var(--transition)}.about-overlay.open{opacity:1;pointer-events:auto}.about-main{flex:1;padding:12px 14px}.page-header{padding:20px 20px 14px}.page-content{padding:16px 20px}.page-footer{padding:12px 20px}.page-title{font-size:1.4rem}.page-lead{font-size:.9rem}.page-next-btn{font-size:.75rem;padding:7px 12px}}@media (max-width:400px){.page-header{padding:16px 16px 12px}.page-content{padding:14px 16px}.page-footer{padding:10px 16px}}.map-menu{display:none!important}.about-nav__group{display:flex;flex-direction:column}.about-nav__chevron{color:hsla(0,0%,100%,.3);font-size:1rem;line-height:1;margin-left:auto;transform:rotate(0deg);transition:transform var(--transition),color var(--transition)}.about-nav__group.open .about-nav__chevron{color:var(--accent-light);transform:rotate(90deg)}.about-nav__sub{display:flex;flex-direction:column;gap:1px;margin-bottom:2px;max-height:0;opacity:0;overflow:hidden;padding-left:20px;transition:max-height .36s cubic-bezier(.4,0,.2,1),opacity .28s ease}.about-nav__group.open .about-nav__sub{max-height:300px;opacity:1}.about-nav__subitem{border-left:2px solid hsla(0,0%,100%,.08);border-radius:7px;color:hsla(0,0%,100%,.45);display:block;font-size:.78rem;font-weight:400;line-height:1.35;padding:7px 14px 7px 16px;position:relative;text-decoration:none;transition:all var(--transition)}.about-nav__subitem:hover{background:hsla(0,0%,100%,.06);border-left-color:var(--accent-light);color:hsla(0,0%,100%,.85)}.about-nav__subitem.active{background:hsla(0,0%,100%,.1);border-left-color:var(--accent-light);color:#fff;font-weight:600}.instr-toc{display:flex;flex-direction:column;gap:8px;margin:20px 0}.instr-toc__item{align-items:center;background:var(--accent-bg);border:1px solid rgba(74,124,69,.15);border-radius:10px;color:var(--ink-muted);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:14px;padding:12px 18px;text-decoration:none;transition:all var(--transition)}.instr-toc__item:hover{background:rgba(74,124,69,.13);border-color:rgba(74,124,69,.3);color:var(--ink);transform:translateX(4px)}.instr-toc__num{color:var(--accent);font-size:.68rem;font-weight:800;letter-spacing:.05em;min-width:22px}.instr-toc__arrow{color:var(--accent-light);font-size:.85rem;margin-left:auto;opacity:0;transform:translateX(-4px);transition:opacity var(--transition),transform var(--transition)}.instr-toc__item:hover .instr-toc__arrow{opacity:1;transform:translateX(0)}.page-content li{font-size:1.05rem;margin:7px 0}