@import url('./theme-system.css');
@import url('./lesson-visual-palette.css');
@import url('./code-blocks.css');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080d1b;--panel:#101a2d;--panel2:#121f35;--text:#eef3ff;--muted:#9eacc5;--blue:#58a6ff;--violet:#a78bfa;--teal:#5eead4;--line:rgba(160,185,230,.14);--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 78% 5%,rgba(77,84,180,.18),transparent 34%),radial-gradient(ellipse at 5% 38%,rgba(34,113,190,.13),transparent 30%),var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;width:min(var(--max),calc(100% - 48px));margin:auto;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:136px;height:74px;max-width:32vw;object-fit:contain;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.brand{gap:0}.brand>span{display:none}.brand strong,.brand small{display:block;line-height:1.2}.brand strong{font:700 16px Manrope,sans-serif;letter-spacing:.02em}.brand small{font-size:10px;letter-spacing:.22em;color:var(--blue);margin-top:5px}.nav{display:flex;align-items:center;gap:30px;color:#c2cce0;font-size:13px}.nav a:hover,.text-link:hover{color:var(--blue)}.language{font-size:12px;color:var(--text)}.language i{color:var(--muted);font-style:normal;padding:0 5px}.language em{color:var(--muted);font-size:10px;font-style:normal}.menu-toggle{display:none;background:none;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:8px 12px}.hero{min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding-top:50px;padding-bottom:70px}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:700;color:var(--blue);margin:0 0 18px}.hero h1{font:800 clamp(46px,6vw,76px)/1.08 Manrope,sans-serif;letter-spacing:-.055em;margin:0 0 24px}.hero h1 span,.section-heading h2 span{background:linear-gradient(95deg,#65b4ff,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:18px;line-height:1.7;color:#b9c6dc;max-width:600px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{padding:13px 19px;border-radius:10px;font-size:13px;font-weight:700;display:inline-flex;gap:15px;align-items:center}.primary{background:linear-gradient(100deg,#2878d6,#7455d9);box-shadow:0 10px 35px #335bb744}.secondary{border:1px solid var(--line);background:#ffffff08}.note{font-size:11px;color:#7f90ad;margin-top:24px;letter-spacing:.08em}.hero-visual{height:440px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(118,156,255,.25);border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:340px;height:340px}.orbit-two{width:450px;height:250px;transform:rotate(38deg)}.core{width:155px;height:155px;border-radius:40px;background:linear-gradient(145deg,#182b4a,#101a30);border:1px solid #8eb8ff55;display:grid;place-items:center;box-shadow:0 0 80px #4c74e744, inset 0 0 35px #709eff22}.core img{width:112px;height:112px;object-fit:contain}.node{position:absolute;padding:9px 13px;border:1px solid var(--line);background:#0e1930dd;border-radius:9px;font-size:9px;letter-spacing:.13em;color:#d8e5ff;box-shadow:0 8px 30px #0005}.node-a{top:65px;left:5%}.node-b{right:1%;top:48%}.node-c{bottom:55px;left:15%}.section{padding-top:90px;padding-bottom:90px}.section-heading{max-width:660px;margin-bottom:34px}.section-heading h2,.foundation h2,.about h2{font:750 clamp(32px,4vw,48px)/1.15 Manrope,sans-serif;letter-spacing:-.04em;margin:0 0 15px}.section-heading>p:last-child{color:var(--muted);max-width:560px}.track-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.track-card{display:flex;flex-direction:column;min-height:310px;padding:26px;border-radius:18px;background:linear-gradient(155deg,#15233a,#0d1628);border:1px solid var(--line);transition:transform .2s,border-color .2s}.track-card:hover{transform:translateY(-5px);border-color:#7daeff66}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.18em;color:var(--muted)}.card-icon{font-size:25px}.track-card h3{font:750 25px Manrope,sans-serif;margin:25px 0 8px}.track-card p{color:var(--muted);font-size:13px;margin:8px 0}.track-card .tagline{font-size:15px;color:var(--text);font-weight:600}.blue h3,.blue .card-icon{color:var(--blue)}.violet h3,.violet .card-icon{color:var(--violet)}.teal h3,.teal .card-icon{color:var(--teal)}.card-link{margin-top:auto;padding-top:25px;font-size:12px;font-weight:700}.card-link b{float:right;font-size:17px}.foundation{background:linear-gradient(100deg,#111d33,#11182b);border-block:1px solid var(--line)}.foundation-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.foundation p:not(.eyebrow){color:var(--muted);max-width:540px}.foundation-tags{display:flex;gap:10px;flex-wrap:wrap}.foundation-tags span{border:1px solid var(--line);background:#ffffff08;border-radius:30px;padding:9px 14px;font-size:12px;color:#cbd7ec}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.method-grid article{border-top:1px solid #5375b8;padding:20px 15px 10px 0}.method-grid b{font:700 12px Manrope;color:var(--blue)}.method-grid h3{font:700 19px Manrope;margin:14px 0 8px}.method-grid p,.about p{font-size:13px;color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line)}.about h2{font-size:clamp(29px,3.5vw,42px)}.about p{font-size:15px}.muted{color:#71829f!important}.text-link{display:inline-block;margin-top:15px;color:var(--blue);font-size:13px;font-weight:700}.footer{border-top:1px solid var(--line);padding:28px max(24px,calc((100% - var(--max))/2));display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}.footer p{margin:0}.track-hero{padding:90px 0 60px;max-width:850px}.track-hero h1{font:800 clamp(42px,6vw,66px)/1.1 Manrope,sans-serif;letter-spacing:-.05em;margin:0 0 18px}.track-hero .lead{font-size:17px}.track-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.track-meta span{padding:7px 12px;border:1px solid var(--line);border-radius:30px;font-size:11px;color:#bdcbe0}.content-section{padding:30px 0 70px}.content-section h2{font:700 30px Manrope;margin:0 0 20px}.content-section p,.content-section li{color:#b3c0d6}.module-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.module{padding:16px 18px;border:1px solid var(--line);background:#ffffff06;border-radius:12px}.module strong{display:block;color:var(--text);font-size:13px}.module span{font-size:12px;color:var(--muted)}.notice{padding:18px 20px;border-left:3px solid var(--blue);background:#ffffff08;border-radius:0 10px 10px 0;color:#b9c6dc;font-size:13px}.back{color:var(--blue);font-size:12px}.page-footer{padding:40px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:70px}.hero-visual{height:330px}.orbit-one{width:260px;height:260px}.orbit-two{width:340px;height:200px}.track-grid{grid-template-columns:1fr}.track-card{min-height:260px}.foundation-inner,.about{grid-template-columns:1fr;gap:25px}.method-grid{grid-template-columns:repeat(2,1fr)}.nav{gap:15px}.footer{flex-wrap:wrap}}
@media(max-width:620px){.container,.site-header{width:min(100% - 32px,var(--max))}.site-header{height:70px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:70px;left:0;right:0;padding:20px 24px;background:#0b1426;z-index:5;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.nav.open{display:flex}.hero{padding-top:55px}.hero h1{font-size:48px}.lead{font-size:15px}.hero-visual{height:285px}.core{width:120px;height:120px}.core img{width:90px;height:90px}.orbit-one{width:220px;height:220px}.orbit-two{width:285px;height:165px}.node{font-size:8px}.section{padding-top:65px;padding-bottom:65px}.method-grid,.module-list{grid-template-columns:1fr}.track-hero{padding-top:65px}.footer{padding:25px 16px;align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.news-card{padding:28px 30px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#14233b,#0d172a);max-width:850px}.news-card h2,.news-card h3{font:750 clamp(22px,3vw,30px)/1.25 Manrope,sans-serif;letter-spacing:-.025em;margin:0 0 14px}.news-card h2 a:hover,.news-card h3 a:hover{color:var(--blue)}.news-card>p:not(.eyebrow){color:var(--muted);font-size:14px}.news-card .text-link{margin-right:22px}.article-container{max-width:900px}.article-hero{max-width:900px}.article-hero h1{font-size:clamp(36px,5vw,58px)}.article-body{max-width:780px;margin:0 auto;padding-top:5px}.article-body h2{font:750 clamp(25px,3vw,32px)/1.2 Manrope,sans-serif;margin:48px 0 18px}.article-body h3{font:700 19px Manrope;margin:30px 0 10px}.article-body p,.article-body li{font-size:16px;line-height:1.85;color:#c0cce0}.article-body strong{color:var(--text)}.article-body a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.article-body .notice{margin:32px 0;font-size:16px;line-height:1.8}

.lesson-nav{display:flex;gap:12px;flex-wrap:wrap;margin:42px 0 70px}.article-body .lesson-nav a{text-decoration:none}.article-body .lesson-nav .button{color:var(--text)}.lesson-nav a.button.primary{color:#fff}

.language-switcher{display:flex;align-items:center;gap:5px;flex-shrink:0}.language-switcher a{font-size:10px;font-weight:800;letter-spacing:.04em;color:#9eacc5;padding:6px 7px;border:1px solid transparent;border-radius:7px}.language-switcher a[aria-current=page]{color:#eef3ff;background:#2878d633;border-color:#58a6ff77}.language-switcher a:hover{color:#fff;border-color:#58a6ff88}@media(max-width:760px){.site-header{gap:10px}.language-switcher{margin-left:auto}.language-switcher a{padding:5px 6px}}

/* Hierarchical curriculum catalogue (Track → Theme → Module → Lesson). */
.catalog-module{margin:20px 0;padding:18px;border:1px solid var(--line);border-radius:16px;background:#101a2d}.catalog-module h3{margin:5px 0 14px}.catalog-module-heading{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;margin:12px 0}.catalog-module-heading span{font-size:10px;letter-spacing:.12em;color:var(--blue);font-weight:800}.catalog-module-heading strong{font-size:14px}.catalog-lesson-list{display:grid;gap:9px}

/* The supplied signature logo already contains its own contrast background. */
.brand img{
  display:block;width:136px;height:74px;max-width:32vw;object-fit:contain;
  padding:0;border:0;border-radius:0;background:transparent;box-shadow:none
}

/* Shared RU / EN / 中文 homepage knowledge grid. */
.knowledge-home{padding-top:80px;padding-bottom:80px}
.home-knowledge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}
.home-planet{min-width:0;min-height:156px;padding:18px 14px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,var(--panel2),var(--panel));display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:8px;transition:border-color .2s,transform .2s}
.home-planet b{font:800 26px Manrope,sans-serif;color:var(--blue)}
.home-planet strong{font-size:13px;line-height:1.4;color:var(--text)}
.home-planet span{font-size:11px;color:var(--muted)}
.home-planet:hover{border-color:var(--blue);transform:translateY(-2px)}
html[data-theme="light"] .home-planet{background:linear-gradient(145deg,#fff,#edf2f9);border-color:var(--line)}
@media(max-width:900px){.home-knowledge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.knowledge-home{padding-top:60px;padding-bottom:60px}.home-knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-planet{min-height:140px;padding:15px 10px}}
@media(max-width:380px){.home-knowledge-grid{grid-template-columns:1fr}}

/* Shared homepage section geometry across RU / EN / 中文. */
.hero{min-height:550px}
.knowledge-cta{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px;color:var(--muted);font-size:13px}
@media(max-width:800px){.hero{min-height:0}}
@media(max-width:560px){.knowledge-cta{align-items:flex-start;flex-direction:column}}


/* Track planetary identity — shared vector assets, accessible text remains primary. */
.track-planet-icon{display:block;width:76px;height:76px;object-fit:contain;flex:0 0 auto;margin:10px auto 0;filter:drop-shadow(0 0 14px #7daeff33)}
.track-card .track-planet-icon{width:88px;height:88px;margin:12px 0 0;align-self:flex-start}
.track-card.blue .track-planet-icon{filter:drop-shadow(0 0 18px #39d9df44)}
.track-card.violet .track-planet-icon{filter:drop-shadow(0 0 18px #a78bfa55)}
.track-card.amber .track-planet-icon{filter:drop-shadow(0 0 18px #ffb44d66)}
.track-hero-with-planet{position:relative;padding-right:170px;min-height:220px}
.track-hero-planet{position:absolute;right:8px;top:48px;width:148px;height:148px;object-fit:contain;filter:drop-shadow(0 0 24px #8e75d955)}
.track-hero-with-planet:has(img[src*="track-a"]){--track-accent:#43d6d7}
.track-hero-with-planet:has(img[src*="track-b"]){--track-accent:#b69aff}
.track-hero-with-planet:has(img[src*="track-c"]){--track-accent:#f6ae4d}
.track-hero-with-planet .eyebrow{color:var(--track-accent)}
.track-first-lesson{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;border-left-color:#a78bfa}
.track-first-lesson p{margin:5px 0;color:#c7cde0}
.lesson-draft-status{display:inline-block;margin-top:8px;padding:4px 8px;border:1px solid #b69aff77;border-radius:99px;color:#d8c6ff;font-size:9px;font-weight:800;letter-spacing:.1em}
@media(max-width:620px){.track-hero-with-planet{padding-right:0;padding-top:45px}.track-hero-planet{position:static;width:104px;height:104px;margin:0 0 14px}.track-first-lesson{align-items:flex-start;flex-direction:column}.track-card .track-planet-icon{width:74px;height:74px}}

.track-card.amber h3,.track-card.amber .card-icon{color:#f6ae4d}