.training-body{background:#f3f6fb}.training-header{height:82px;display:flex;align-items:center;gap:20px;padding:0 40px;background:#fff;border-bottom:1px solid #dce4f1}.training-header .header-return{margin-left:auto}.training-shell{min-height:calc(100vh - 82px);display:grid;grid-template-columns:375px minmax(0,1fr);max-width:1440px;margin:auto}.training-sidebar{position:sticky;top:0;align-self:start;max-height:100vh;overflow:auto;padding:38px 24px;background:#081a3d;color:#fff}.training-kicker{color:#ffdf38;font-size:10px;font-weight:800;letter-spacing:.16em}.training-brand h1{font-size:30px;margin:15px 0;letter-spacing:-.055em}.training-brand p{font-size:13px;color:#c3d0e7;line-height:1.65}.training-progress{margin:30px 0 22px;padding:17px;border:1px solid #ffffff1d;border-radius:14px;background:#ffffff0a}.training-progress>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#cbd7ec}.training-progress strong{color:#fff}.progress-track{height:6px;margin-top:13px;border-radius:999px;background:#ffffff24;overflow:hidden}.progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:#ffdf38;transition:width .5s cubic-bezier(.2,.8,.2,1)}.module-nav{display:grid;gap:7px}.module-group{border:1px solid transparent;border-radius:12px;overflow:hidden}.module-group.open{background:#ffffff0a;border-color:#ffffff13}.module-toggle{display:grid;grid-template-columns:28px 1fr auto 16px;gap:8px;align-items:center;width:100%;border:0;padding:13px 11px;background:transparent;color:#c9d6ec;text-align:left;transition:background .2s,color .2s}.module-toggle:hover{background:#ffffff0d}.module-group.open .module-toggle{color:#fff}.module-number{font-size:10px;font-weight:900;color:#7b94c3}.module-group.done .module-number{color:#ffdf38}.module-toggle strong{font-size:12px;line-height:1.25}.module-toggle small{font-size:10px;color:#9eb1d2}.module-chevron{font-size:18px;line-height:1;transition:transform .25s}.module-group.open .module-chevron{transform:rotate(180deg)}.lesson-nav{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .3s ease,opacity .25s ease}.module-group.open .lesson-nav{grid-template-rows:1fr;opacity:1}.lesson-nav:before{content:"";min-height:0}.lesson-link{display:flex;align-items:flex-start;gap:9px;width:100%;border:0;padding:8px 14px 8px 42px;background:transparent;color:#aebed9;text-align:left;font-size:11px;line-height:1.4;transition:background .2s,color .2s,transform .2s}.lesson-link:hover{color:#fff;transform:translateX(3px)}.lesson-link.current{background:#326bff26;color:#fff;font-weight:800}.lesson-link.done>span{color:#ffdf38}.lesson-link>span{width:9px;flex-shrink:0;color:#627da9}.training-contact{display:flex;align-items:center;gap:10px;margin-top:28px;border-top:1px solid #ffffff1c;padding:20px 8px 0;color:#d5e0f4;font-size:12px;font-weight:700}.training-contact svg{color:#ffdf38;width:20px;height:20px}.lesson-area{min-height:760px;padding:62px clamp(34px,8vw,130px);background:#fff}.lesson-top{display:flex;justify-content:space-between;gap:20px;color:#657086;font-size:12px}.lesson-top>a{color:#326bff;font-weight:700}.lesson-eyebrow{display:flex;flex-wrap:wrap;gap:12px;margin-top:60px;color:#326bff;font-size:10px;font-weight:900;letter-spacing:.12em}.lesson-eyebrow span+span{color:#7b879c}.lesson-area h2{max-width:760px;margin:18px 0;font-size:clamp(40px,5vw,65px)}.lesson-intro{max-width:760px;font-family:'Josefin Sans',Inter,sans-serif;font-size:21px;line-height:1.55;color:#536583}.lesson-sections{display:grid;gap:14px;max-width:800px;margin-top:40px}.lesson-sections article{display:grid;grid-template-columns:38px 1fr;gap:16px;padding:22px;border:1px solid #dbe3ef;border-radius:16px;background:#f8faff;opacity:0;transform:translateY(15px);transition:opacity .45s ease var(--delay),transform .45s ease var(--delay),border-color .2s,box-shadow .2s}.lesson-ready .lesson-sections article{opacity:1;transform:translateY(0)}.lesson-sections article:hover{border-color:#adc4f8;box-shadow:0 12px 27px #1024530c}.lesson-sections span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e4ecff;color:#326bff;font-size:11px;font-weight:900}.lesson-sections h3{margin:2px 0 8px;font-size:18px;letter-spacing:-.03em}.lesson-sections p{margin:0;color:#31415c;font-size:14px;line-height:1.72}.lesson-tip{display:flex;gap:16px;max-width:800px;margin-top:22px;padding:23px;border-radius:16px;background:#fff5c8}.lesson-tip svg{width:28px;height:28px;color:#326bff;flex-shrink:0}.lesson-tip strong{font-size:13px}.lesson-tip p{margin:5px 0 0;font-size:14px;line-height:1.65;color:#4c5362}.lesson-actions{display:flex;flex-wrap:wrap;gap:12px;max-width:800px;margin-top:32px}.complete-button,.next-button{display:inline-flex;align-items:center;gap:12px;border:0;border-radius:999px;padding:15px 19px;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}.complete-button{background:#081a3d;color:#fff}.complete-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #081a3d2b}.complete-button.completed{background:#1d653b}.complete-button svg{width:17px;height:17px;color:#ffdf38}.next-button{margin-left:auto;background:#e9efff;color:#174099;text-align:left}.next-button:hover{transform:translateY(-3px);background:#dce7ff}.next-button span{display:block;max-width:170px;overflow:hidden;color:#5b6e99;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.next-button svg{width:17px;height:17px;color:#326bff}.next-button.final{margin-left:0;background:#ffdf38;color:#081a3d}.next-button.final svg{color:#081a3d}.training-body #footer{background:#fff}.training-body .footer-inner{margin-top:0}@media(max-width:950px){.training-shell{grid-template-columns:1fr}.training-sidebar{position:relative;max-height:none;padding:29px 24px}.training-brand h1{font-size:28px}.module-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lesson-link{padding-left:18px}.lesson-area{padding:46px 32px}.lesson-eyebrow{margin-top:35px}}@media(max-width:620px){.training-header{height:70px;padding:0 20px}.training-header .badge{display:none}.training-header .header-return{font-size:11px}.training-sidebar{padding:28px 20px}.module-nav{grid-template-columns:1fr}.lesson-area{padding:32px 20px}.lesson-top{font-size:11px}.lesson-eyebrow{margin-top:34px}.lesson-area h2{font-size:39px}.lesson-intro{font-size:18px}.lesson-sections{margin-top:28px}.lesson-sections article{grid-template-columns:31px 1fr;padding:17px}.lesson-sections p{font-size:13px}.lesson-actions{display:grid}.next-button{margin-left:0}.next-button span{max-width:100%}}
