/* Полноэкранный разворот: две самостоятельные страницы. */
.explorer-visible{overflow:hidden}
.explorer-pane{min-width:0;overflow-wrap:anywhere}
.explorer-visible .hero-art img,.explorer-visible .hero-dots span{animation-play-state:paused}
.course-explorer{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#f5f6fa;color:#131a27;overflow:hidden}
.course-explorer::backdrop{background:#0c1322a8}
.explorer-header{height:88px;padding:0 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7dbe4;background:#fff;position:relative;z-index:4;gap:24px}
.explorer-header>div{display:flex;align-items:center;gap:30px}.explorer-brand{font-size:26px;letter-spacing:-1.5px}.explorer-brand>span{color:#486193}.explorer-header h2{font-size:15px;font-weight:400;color:#616773}
.explorer-close{background:none;border:1px solid #b6bcc8;display:flex;align-items:center;gap:20px;padding:10px 16px;min-height:44px;font-size:14px;color:#1a2335;border-radius:4px}.explorer-close>span:last-child{font-size:26px;line-height:1}.explorer-close:hover{background:#f4f6fa}
.explorer-grid{display:grid;grid-template-columns:1fr 1fr;height:calc(100dvh - 88px);overflow:hidden;position:relative;background:#f5f7fa}
.explorer-pane{overflow-y:auto;overscroll-behavior:contain;padding:45px clamp(28px,4.5vw,85px) 50px;position:relative;scrollbar-width:thin;scrollbar-color:#7786a4 transparent}
.explorer-left{background:#f5f7f9;border-right:1px solid #c9cfda}.explorer-right{background:#c0cce6}
.explorer-left .pane-motion{transform:translateY(calc(var(--pane-drift,0px) * -1))}.explorer-right .pane-motion{transform:translateY(var(--pane-drift,0px))}.pane-motion{transition:transform .45s ease-out}
.explorer-left h3{font-size:clamp(36px,4.1vw,64px);font-weight:400;line-height:1.1;letter-spacing:-.06em;margin:25px 0 20px}.explorer-left h3 span{color:#425374}.explorer-lead{font-size:15px;color:#616773;line-height:1.8;max-width:420px}
.explorer-goals{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 34px}.explorer-goals button,.journey-tracks button{border:1px solid #b9bfcc;border-radius:30px;background:transparent;padding:10px 14px;font-size:13px;color:#3c4556;min-height:42px;transition:background .2s,color .2s,border-color .2s}
.explorer-goals button[aria-pressed=true],.journey-tracks button[aria-pressed=true]{background:#16294e;border-color:#16294e;color:#fff}
.explorer-course{width:100%;border:0;border-top:1px solid #d9dde5;display:flex;align-items:center;gap:18px;background:transparent;text-align:left;padding:24px 7px;color:#212b3e;transition:background .25s,padding .25s}
.explorer-course:last-child{border-bottom:1px solid #d9dde5}.explorer-course>span:nth-child(2){flex:1}.explorer-course strong{display:block;font-size:clamp(18px,1.6vw,23px);font-weight:400;line-height:1.4;letter-spacing:-.5px}.explorer-course small{display:block;font-size:13px;color:#676e7c;margin-top:9px}.explorer-course-number{font-size:12px;color:#7d879c;align-self:flex-start;padding-top:4px}.explorer-course>span:last-child{font-size:24px;color:#52658b}.explorer-course:hover{background:#f5f6fa}.explorer-course.is-selected{background:#f1f4f8;padding-left:16px;padding-right:16px}.explorer-course.is-selected>span:last-child{color:#1c2e51}.explorer-course-list+.text-link{margin-top:24px;font-size:13px}.explorer-empty{padding:30px 0;color:#5b6475}
#explorerDetail>h3{font-size:clamp(28px,2.8vw,43px);font-weight:400;line-height:1.2;letter-spacing:-1.4px;margin:25px 0 22px}.explorer-description{font-size:16px;line-height:1.8;color:#363f51}.explorer-meta{display:flex;gap:24px;margin-top:23px;border-bottom:1px solid #95a3c1;padding-bottom:25px;font-size:15px;color:#252f44}.explorer-meta>span:last-child{margin-left:auto;font-size:20px;color:#13213d}
.explorer-teacher{display:flex;align-items:flex-start;gap:19px;margin:30px 0;padding-bottom:26px;border-bottom:1px solid #95a3c1}.teacher-monogram{height:64px;width:64px;flex-shrink:0;border:1px solid #6c81aa;border-radius:50%;display:grid;place-items:center;background:#e4eaf6;color:#3d4c6b;font-size:22px;letter-spacing:-1px}.explorer-teacher small{display:block;font-size:12px;color:#4a5770;margin-bottom:7px}.explorer-teacher h4{font-size:23px;font-weight:400;margin-bottom:8px}.explorer-teacher p{font-size:14px;color:#404b62;line-height:1.6}.teacher-experience{display:block;font-size:13px;margin-top:10px;color:#2c374d}
.course-fit h4{font-size:22px;font-weight:400;letter-spacing:-.5px;margin-bottom:16px}.course-fit ul{list-style:none}.course-fit li{font-size:15px;line-height:1.7;padding:0 0 12px 25px;position:relative}.course-fit li:before{content:'↗';position:absolute;left:0;color:#36486c}.fit-note{font-size:12px;color:#414f6c;line-height:1.7;margin-top:9px}.explorer-enroll{width:100%;justify-content:space-between;margin-top:27px;font-size:15px;padding:16px 20px;min-height:54px}.explorer-footnote{font-size:11px;color:#525f78;margin-top:15px;line-height:1.7}
.course-explorer[open] .explorer-left{animation:page-spread-left .72s cubic-bezier(.22,.8,.2,1) both}.course-explorer[open] .explorer-right{animation:page-spread-right .72s cubic-bezier(.22,.8,.2,1) both}.course-explorer[open] .explorer-header{animation:explorer-header-in .35s ease both}.course-explorer.is-closing .explorer-left{animation:page-fold-left .28s ease both}.course-explorer.is-closing .explorer-right{animation:page-fold-right .28s ease both}.course-explorer.is-closing .explorer-header{opacity:0;transition:opacity .2s}.detail-arrive{animation:detail-in .38s ease both}
@keyframes page-spread-left{from{opacity:.3;transform:translate(-100%,-45px)}to{opacity:1;transform:translate(0,0)}}
@keyframes page-spread-right{from{opacity:.3;transform:translate(100%,45px)}to{opacity:1;transform:translate(0,0)}}
@keyframes page-fold-left{to{opacity:0;transform:translate(-25%,-30px)}}@keyframes page-fold-right{to{opacity:0;transform:translate(25%,30px)}}
@keyframes explorer-header-in{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes detail-in{from{opacity:.3;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}

/* Одна иллюстрация, несколько состояний учебного пути. */
.learning-journey{border:1px solid #c7cdd9;background:#f4f6fb;overflow:hidden;margin:40px 0}
.journey-top{display:flex;align-items:center;justify-content:space-between;padding:30px 32px;gap:25px;border-bottom:1px solid #e6e9ef}.journey-top .eyebrow{font-size:10px;letter-spacing:.9px}.journey-top h3{font-size:28px;letter-spacing:-1px;font-weight:400;margin-top:10px}.journey-tracks{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.journey-scene{display:grid;grid-template-columns:1.65fr 1fr;min-height:400px;background:#f5f6fa}.journey-visual{position:relative;min-width:0;display:flex;align-items:flex-end;overflow:hidden;padding-top:80px;border-right:1px solid #dce1ea;background:radial-gradient(ellipse at 50% 35%,#e5ebf7,transparent 75%)}.knowledge-map{display:block;width:100%;height:auto;overflow:visible;padding:0 10px 15px}.knowledge-axis{fill:none;stroke:#b5bccb;stroke-width:1}.knowledge-bar{opacity:.17;transition:opacity .65s,filter .65s}.knowledge-bar.is-reached{opacity:1}.knowledge-bar rect{fill:url(#knowledgeFill)}.knowledge-bar path:first-of-type{fill:#b9c7e4}.knowledge-bar path:last-of-type{fill:#405379}.knowledge-path-base{stroke:#8391ac;stroke-width:3;fill:none;stroke-dasharray:5 7;opacity:.45}.knowledge-progress{stroke:#16294f;stroke-width:4;stroke-linecap:round;fill:none;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .9s cubic-bezier(.3,.6,.2,1)}.knowledge-node>circle:first-child{fill:#dee3ed;stroke:#aab4c8;stroke-width:2;transition:fill .5s,stroke .5s}.knowledge-node.is-reached>circle:first-child{fill:#16294f;stroke:#16294f}.knowledge-node text{font:17px Arial,sans-serif;fill:#515c71}.knowledge-node.is-reached text{fill:#18294a}.node-halo{fill:none;stroke:#3b517c;opacity:0;transform-box:fill-box;transform-origin:center}.knowledge-node.is-current .node-halo{opacity:.5;animation:knowledge-halo 2.8s ease-in-out infinite}
.journey-code-window{position:absolute;left:25px;top:28px;width:190px;padding:13px 17px 18px;z-index:1;background:#fff9;border:1px solid #acb5c7;border-radius:9px;box-shadow:0 14px 35px #232f460b;transform:rotate(-5deg);animation:journey-window-float 6s ease-in-out infinite}.journey-code-window>div{display:flex;align-items:center;gap:4px}.journey-code-window i{width:4px;height:4px;background:#7c89a3;border-radius:50%}.journey-code-window>div>span{font-size:8px;color:#626c80;margin-left:auto}.journey-code-window strong{font:46px Consolas,monospace;font-weight:400;letter-spacing:-6px;color:#344568;display:block;margin:10px 0 8px}.window-code-line{display:block;height:3px;width:75%;background:#9aa9c8;margin-top:7px}.window-code-line.short{width:48%;background:#c0cadf}
.journey-summary{padding:30px 33px;display:flex;flex-direction:column;justify-content:center}.journey-level{display:flex;align-items:center;gap:16px;margin-bottom:20px}.journey-level strong{font-size:62px;line-height:1;letter-spacing:-4px;font-weight:400;color:#23375f}.journey-level>span{font-size:9px;line-height:1.8;letter-spacing:1px;color:#687184}.journey-summary h4{font-size:25px;font-weight:400;letter-spacing:-.7px;line-height:1.3;margin-bottom:16px}.journey-summary>p{font-size:15px;color:#5b6476;line-height:1.8}.journey-task{border-top:1px solid #cfd5e2;margin-top:24px;padding-top:18px}.journey-task>span{font-size:9px;color:#6a7791;letter-spacing:.6px}.journey-task p{font-size:14px;line-height:1.8;margin-top:9px;color:#35425b}.journey-summary .text-link{font-size:12px;align-self:flex-start;gap:18px;margin-top:12px}
.journey-stages{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c7cddb}.journey-stages button{display:flex;align-items:center;gap:15px;padding:22px 20px;min-height:76px;text-align:left;border:0;border-right:1px solid #d5dae4;background:#fff;color:#59657e;transition:background .3s,color .3s}.journey-stages button:last-child{border-right:0}.journey-stages small{font-size:11px;color:#7c889f}.journey-stages button>span{font-size:16px;white-space:nowrap}.journey-stages i{margin-left:auto;font-style:normal}.journey-stages button[aria-pressed=true]{background:#16294f;color:#fff}.journey-stages button[aria-pressed=true] small{color:#a2b2d3}.journey-stages .is-complete{background:#f2f5fa;color:#3a4761}.journey-stages button:hover:not([aria-pressed=true]){background:#f4f6fb}
@keyframes knowledge-halo{0%,100%{transform:scale(.85);opacity:.4}50%{transform:scale(1.2);opacity:.15}}@keyframes journey-window-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-7px) rotate(-3deg)}}

/* Указатель включается только после первого движения мыши. */
.cursor-trail{position:fixed;top:0;left:0;width:0;height:0;z-index:3000;pointer-events:none;opacity:0;transition:opacity .15s}.cursor-trail.is-visible{opacity:1}.cursor-ring{display:block;position:absolute;width:34px;height:34px;border:1px solid #14264aaa;border-radius:50%;transform:translate(-50%,-50%);background:#cdd9f11a;transition:width .2s,height .2s,background .2s,border-color .2s}.cursor-dot{position:absolute;width:5px;height:5px;background:#16284c;border-radius:50%;transform:translate(calc(var(--dot-x,0px) - 50%),calc(var(--dot-y,0px) - 50%))}.cursor-trail.is-interactive .cursor-ring{width:52px;height:52px;background:#93a8d22b;border-color:#16284c}
@media(hover:hover) and (pointer:fine){html.cursor-enhanced,html.cursor-enhanced body,html.cursor-enhanced button,html.cursor-enhanced a{cursor:none}html.cursor-enhanced input,html.cursor-enhanced textarea{cursor:text}html.cursor-enhanced select{cursor:auto}}
@media(max-width:1100px){.explorer-pane{padding:32px 30px 40px}.explorer-header{padding:0 30px}.explorer-left h3{font-size:45px}.explorer-goals button{font-size:12px;padding:9px 12px}.journey-top{align-items:flex-start}.journey-top h3{font-size:25px}.journey-tracks{max-width:330px}.journey-scene{grid-template-columns:1.25fr 1fr}.journey-summary{padding:25px}.journey-stages button{gap:10px;padding:20px 14px}.journey-stages button>span{font-size:14px}}
@media(max-width:900px){.explorer-header{height:74px;padding:0 24px}.explorer-header h2{font-size:12px}.explorer-brand{font-size:23px}.explorer-header>div{gap:20px}.explorer-grid{height:calc(100dvh - 74px);display:block;overflow-y:auto;overscroll-behavior:contain}.explorer-pane{overflow:visible;transform:none;padding:30px 25px 38px}.explorer-left{border-right:0;border-bottom:1px solid #bdc5d5}.pane-motion{transform:none!important}.explorer-left h3{font-size:42px}.explorer-lead{font-size:15px}.explorer-goals{margin:22px 0}.explorer-course strong{font-size:21px}.explorer-course{padding-top:21px;padding-bottom:21px}#explorerDetail>h3{font-size:32px;max-width:600px}.explorer-teacher{margin:25px 0}.explorer-enroll{max-width:580px}.explorer-description{max-width:620px}.course-fit{max-width:620px}.explorer-meta{max-width:620px}.explorer-close{gap:14px;padding:9px 12px}.journey-scene{grid-template-columns:1fr}.journey-visual{border-right:0;border-bottom:1px solid #dbe0ea;padding-top:55px;min-height:300px}.journey-summary{display:grid;grid-template-columns:90px 1fr;gap:0 20px;align-items:start}.journey-level{grid-row:1/4;display:block;margin:0}.journey-level strong{display:block;font-size:60px}.journey-level>span{display:block;margin-top:10px}.journey-summary h4{margin-bottom:10px}.journey-task{grid-column:2}.journey-summary .text-link{grid-column:2}.journey-summary>p{font-size:16px}.journey-summary h4{font-size:27px}}
@media(max-width:600px){.explorer-header{padding:0 19px;gap:10px}.explorer-header h2{display:none}.explorer-header>div{gap:0}.explorer-close{font-size:12px}.explorer-pane{padding-left:22px;padding-right:22px}.explorer-left h3{font-size:41px}.explorer-course strong{font-size:20px}.explorer-course{gap:12px}.explorer-course-number{font-size:10px}.explorer-course small{font-size:12px}.explorer-course.is-selected{padding-left:10px;padding-right:10px}.explorer-teacher{gap:15px}.teacher-monogram{width:52px;height:52px;font-size:20px}.explorer-teacher h4{font-size:22px}.explorer-teacher p{font-size:14px}.course-fit h4{font-size:23px}.course-fit li{font-size:15px}.explorer-meta{font-size:13px;gap:12px}.explorer-description{font-size:15px}.explorer-header .explorer-brand{font-size:24px}.journey-top{display:block;padding:24px 20px}.journey-top .eyebrow{font-size:8px}.journey-top h3{font-size:26px}.journey-tracks{max-width:none;justify-content:flex-start;margin-top:22px;gap:7px}.journey-tracks button{font-size:11px;padding:9px 11px;min-height:40px}.journey-visual{min-height:270px;padding-top:70px}.journey-code-window{width:135px;padding:9px 12px 12px;left:17px;top:22px}.journey-code-window strong{font-size:36px;margin:8px 0}.journey-code-window>div>span{font-size:6px}.journey-code-window i{height:3px;width:3px}.knowledge-map{padding:0 2px 8px}.knowledge-node text{font-size:20px}.journey-summary{padding:25px 20px;grid-template-columns:58px 1fr;gap:0 15px}.journey-level strong{font-size:48px;letter-spacing:-3px}.journey-level>span{font-size:8px;letter-spacing:.2px}.journey-summary h4{font-size:23px}.journey-summary>p{font-size:15px}.journey-task{margin-top:18px;padding-top:16px}.journey-summary .text-link{font-size:12px;gap:12px;white-space:normal;text-align:left}.journey-stages{grid-template-columns:1fr 1fr}.journey-stages button{padding:17px 14px;min-height:62px;gap:11px}.journey-stages button:nth-child(2){border-right:0}.journey-stages button:nth-child(-n+2){border-bottom:1px solid #c7cddb}.journey-stages button>span{font-size:14px}.journey-stages small{font-size:10px}.journey-stages i{font-size:14px}.learning-journey{margin:30px 0}}
.knowledge-bar{transform-box:fill-box;transform-origin:center bottom;transform:scaleY(.18);transition:opacity .65s,transform .85s cubic-bezier(.2,.7,.2,1)}.knowledge-bar.is-reached{transform:scaleY(1)}
@media(max-width:900px){.explorer-grid{overflow-x:hidden}}
@media(max-width:600px){.knowledge-node text{font-size:26px}}
@media(hover:none),(pointer:coarse){.cursor-trail{display:none!important}}
@media(prefers-reduced-motion:reduce){.course-explorer[open] .explorer-pane,.course-explorer[open] .explorer-header,.detail-arrive,.journey-code-window,.node-halo{animation:none!important}.pane-motion{transform:none!important}.knowledge-progress,.knowledge-bar,.cursor-ring{transition:none!important}.cursor-trail{display:none!important}}

/* Только секция «Об обучении»: единая зелёная графическая панель. */
.about-graphic-panel{position:relative;isolation:isolate;overflow:hidden;padding:44px 46px 20px;background-color:#a7b9db;background-image:radial-gradient(#313d5626 .8px,transparent .8px);background-size:25px 25px;border:1px solid #798eb7;border-radius:6px;color:#111621}
.about-graphic-panel:before,.about-graphic-panel:after{content:'';position:absolute;z-index:-1;pointer-events:none;border:1px solid #3545651c;border-radius:50%;width:510px;height:510px;right:-130px;top:-230px}
.about-graphic-panel:after{width:430px;height:430px;right:-90px;top:-190px}
.about-graphic-panel .section-kicker{border-color:#3c4c6c66;color:#2b354a;margin-bottom:42px;padding-top:16px}
.about-graphic-panel .intro-layout{grid-template-columns:1.15fr 1fr;gap:55px}
.about-graphic-panel h2,.about-graphic-panel h2 span{color:#101621;font-size:clamp(32px,3.3vw,53px)}
.about-graphic-panel .intro-copy{padding-right:0}.about-graphic-panel .intro-copy p{color:#293243;font-size:16px}
.about-graphic-panel .text-link{color:#142037;border-color:#4c5d7e;font-size:14px}
.about-graphic-panel .learning-numbers{border-top:1px solid #4b5e8366;border-bottom:0;margin-top:42px}
.about-graphic-panel .learning-numbers>div{padding-top:25px;padding-bottom:24px}
.about-graphic-panel .learning-numbers>div+div{border-color:#4b5e8366}
.about-graphic-panel .number-caption{color:#2c374c;font-size:13px}
.about-graphic-panel .learning-numbers strong{color:#15223b;font-size:70px}
.about-graphic-panel .learning-numbers small{color:#384256;font-size:13px}
@media(max-width:1100px){.about-graphic-panel{padding:32px 30px 14px}.about-graphic-panel .intro-layout{gap:30px}.about-graphic-panel h2,.about-graphic-panel h2 span{font-size:36px}}
@media(max-width:768px){.about-graphic-panel{padding:25px 20px 7px}.about-graphic-panel .section-kicker{margin-bottom:28px}.about-graphic-panel .intro-layout{grid-template-columns:1fr;gap:25px}.about-graphic-panel h2,.about-graphic-panel h2 span{font-size:clamp(28px,7.3vw,43px)}.about-graphic-panel .intro-copy p{font-size:15px}.about-graphic-panel .text-link{font-size:12px;gap:15px}.about-graphic-panel .learning-numbers{grid-template-columns:1fr;margin-top:29px}.about-graphic-panel .learning-numbers>div,.about-graphic-panel .learning-numbers>div+div{display:grid;grid-template-columns:1fr auto;align-items:center;padding:17px 0;border-left:0}.about-graphic-panel .learning-numbers>div+div{border-top:1px solid #4b5e8355}.about-graphic-panel .number-caption{grid-column:1;font-size:13px}.about-graphic-panel .learning-numbers strong{grid-column:2;grid-row:1/3;font-size:48px;margin:0;line-height:1.2}.about-graphic-panel .learning-numbers small{grid-column:1;font-size:12px;max-width:none;margin-top:4px}}
