.learning-poster{--ink:#10131f;--muted:#5f6878;--violet:#7c3aed;--violet-2:#a855f7;--cyan:#06b6d4;--cyan-2:#0284c7;--orange:#f97316;--orange-2:#fb923c;--line:rgba(17,24,39,0.08);--shadow:0 26px 70px rgba(31,41,55,0.13);width:100%;overflow:hidden;color:var(--ink);font-family:General Sans,Satoshi,sans-serif;background:radial-gradient(circle at 18% 12%,rgba(124,58,237,.12),transparent 30%),radial-gradient(circle at 50% 72%,rgba(6,182,212,.15),transparent 34%),radial-gradient(circle at 84% 28%,rgba(249,115,22,.13),transparent 28%),linear-gradient(135deg,#f7f4ff,#fffdf8 52%,#eefcfa)}.learning-poster *{box-sizing:border-box}@import url("https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700,900&f[]=general-sans@400,500,600,700&display=swap");:root{--ink:#10131f;--muted:#5f6878;--paper:#fbfaf6;--violet:#7c3aed;--violet-2:#a855f7;--cyan:#06b6d4;--cyan-2:#0284c7;--orange:#f97316;--orange-2:#fb923c;--card:rgba(255,255,255,0.82);--line:rgba(17,24,39,0.08);--shadow:0 26px 70px rgba(31,41,55,0.13)}*{box-sizing:border-box}.poster-shell{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-behavior:smooth;overscroll-behavior-x:contain}.poster-shell::-webkit-scrollbar{display:none}.poster{position:relative;width:1680px;height:930px;margin:0 auto;transform-origin:top center}.rail-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.rail-back{fill:none;stroke:rgba(15,23,42,.07);stroke-width:22;stroke-linecap:round;stroke-linejoin:round}.rail-glow{fill:none;stroke:url(#routeGradient);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;opacity:.34;filter:blur(9px)}.rail-core{fill:none;stroke:url(#routeGradient);stroke-width:7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 14px rgba(6,182,212,.28))}.rail-flow{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16 26;opacity:.82;animation:routeFlow 7s linear infinite}.phase-title{position:absolute;z-index:4;display:grid;gap:8px;justify-items:center;text-align:center;width:300px;transform:translateX(-50%)}.phase-title.one{left:366px;top:112px}.phase-title.two{left:944px;top:112px}.phase-title.three{left:1465px;top:112px}.phase-pill{display:inline-flex;align-items:center;gap:10px;min-width:230px;justify-content:center;border-radius:999px;padding:13px 22px;color:#fff;font-weight:900;box-shadow:0 18px 38px color-mix(in srgb,var(--phase),transparent 72%);background:linear-gradient(135deg,var(--phase),var(--phase-2))}.phase-title small{display:block;max-width:250px;color:#566071;font-size:14px;line-height:1.45}.station{position:absolute;z-index:5;display:grid;place-items:center;width:62px;height:62px;border:6px solid #fff;border-radius:999px;color:#fff;font-family:Satoshi,sans-serif;font-size:21px;font-weight:950;background:var(--phase);box-shadow:0 0 0 7px color-mix(in srgb,var(--phase),transparent 78%),0 0 34px color-mix(in srgb,var(--phase),white 10%),0 18px 38px color-mix(in srgb,var(--phase),transparent 72%)}.card{position:absolute;z-index:3;display:grid;grid-template-columns:74px 1fr;gap:18px;align-items:center;width:330px;min-height:112px;padding:18px 20px 18px 28px;border:1px solid rgba(255,255,255,.72);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,255,255,.58)),color-mix(in srgb,var(--phase),white 90%);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.card:before{position:absolute;inset:11px auto 11px -4px;width:4px;border-radius:999px;background:var(--phase);opacity:.55;content:""}.card-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;color:var(--phase);background:rgba(255,255,255,.56);box-shadow:inset 0 0 0 1px rgba(255,255,255,.74)}.card-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.card h3{margin:0 0 6px;font-family:Satoshi,sans-serif;font-size:17px;line-height:1.1;letter-spacing:-.02em}.card p{margin:0;color:#4d5668;font-size:13.5px;line-height:1.48}.tag{display:inline-flex;margin-left:6px;border-radius:999px;padding:4px 8px;color:#fff;font-size:9px;font-weight:900;text-transform:uppercase;background:var(--phase);vertical-align:middle}.portfolio{grid-template-columns:74px 1fr;min-height:112px;align-content:start}.summary{position:absolute;left:315px;right:315px;bottom:18px;z-index:4;display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;overflow:hidden;border:1px solid rgba(255,255,255,.78);border-radius:28px;background:rgba(255,255,255,.8);box-shadow:0 24px 70px rgba(31,41,55,.11);backdrop-filter:blur(18px)}.summary-item{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:center;padding:22px 26px}.summary-item+.summary-item{border-left:1px solid var(--line)}.summary-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;color:#fff;font-weight:900;background:linear-gradient(135deg,var(--phase),var(--phase-2));box-shadow:0 16px 32px color-mix(in srgb,var(--phase),transparent 72%)}.summary strong{display:block;margin-bottom:4px;font-family:Satoshi,sans-serif;font-size:17px}.summary span{color:var(--muted);font-size:13px;line-height:1.35}.phase-1{--phase:var(--violet);--phase-2:var(--violet-2)}.phase-2{--phase:var(--cyan);--phase-2:var(--cyan-2)}.phase-3{--phase:var(--orange);--phase-2:var(--orange-2)}.s1{top:246px}.s1,.s2{left:118px}.s2{top:366px}.s3{top:486px}.s3,.s4{left:118px}.s4{top:606px}.s5{top:246px}.s5,.s6{left:690px}.s6{top:366px}.s7{top:486px}.s7,.s8{left:690px}.s8{top:606px}.s9{top:246px}.s10,.s9{left:1210px}.s10{top:386px}.s11{left:1210px;top:536px}.c1{top:226px}.c1,.c2{left:204px}.c2{top:346px}.c3{top:466px}.c3,.c4{left:204px}.c4{top:586px}.c5{top:226px}.c5,.c6{left:780px}.c6{top:346px}.c7{top:466px}.c7,.c8{left:780px}.c8{top:586px}.c9{top:226px}.c10,.c9{left:1300px}.c10{top:366px}.c11{left:1300px;top:516px}@keyframes routeFlow{to{stroke-dashoffset:-84}}.learning-poster .poster{margin-left:max(0px,calc((100vw - 1680px) / 2))}.learning-poster .poster-shell{min-height:930px}