:root{--bg: #faf7f0;--surface: #fff;--ink: #1d2b24;--muted: #5f6b63;--line: #e6e0d3;--green: #1f5c43;--green-dark: #143d2d;--green-soft: #e8f1eb;--amber: #9a6514;--amber-soft: #fbf0d9;--teal: #2a9d8f;--danger: #a23b2a;--radius: 18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline:3px solid #c8891d;outline-offset:3px}h1,h2,h3{line-height:1.15;color:var(--green-dark);margin-top:0}h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em}h2{font-size:clamp(1.4rem,2.5vw,1.9rem);letter-spacing:-.03em;margin-top:1.4em}p{margin-top:0}.wrap{width:min(1140px,calc(100% - 40px));margin:auto}.page{padding:44px 0 64px}.narrow{max-width:720px}.muted{color:var(--muted)}.micro{font-size:.8rem;color:var(--muted)}.lead{font-size:1.08rem;color:var(--muted);max-width:580px}.error{color:var(--danger)}.row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:50;background:#fff;padding:8px 12px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:800;color:var(--amber)}.eyebrow.light{color:#f2c46d}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem;color:var(--muted);letter-spacing:.04em}.chip{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:700;background:var(--green-soft);color:var(--green)}.chip.foundations{background:var(--amber-soft);color:var(--amber)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:11px;padding:11px 18px;font-weight:700;text-decoration:none;background:var(--green);color:#fff;transition:background .2s,transform .2s,box-shadow .2s,border-color .2s}.btn:hover{background:var(--green-dark);transform:translateY(-1px);box-shadow:0 8px 20px #2a9d8f33}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn.secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn.secondary:hover{border-color:var(--teal)}.btn.picked{border-color:var(--green);background:var(--green-soft)}.btn.small{padding:8px 13px;font-size:.85rem}.btn.full{width:100%}.text-button{border:0;background:none;padding:0;color:var(--green);font-weight:600;text-decoration:underline;text-underline-offset:3px}.text-button.danger{color:var(--danger)}.icon-btn{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--green-dark)}.icon-btn:disabled{opacity:.4}.site-header{position:sticky;top:0;z-index:20;background:#faf7f0c7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{min-height:70px;display:flex;align-items:center;gap:22px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;color:var(--green-dark);white-space:nowrap}.brand em{font-style:normal;color:var(--amber)}.mono{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--green-dark);color:var(--amber-soft);font-size:.8rem}.mono.big{width:84px;height:84px;font-size:1.6rem}nav{display:flex;gap:18px;margin-left:auto}nav a{text-decoration:none;font-size:.88rem;font-weight:600;color:var(--muted);white-space:nowrap}nav a:hover,nav a.active{color:var(--green)}.nav-actions{display:flex;align-items:center;gap:10px}.menu-toggle{display:none}.initials{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--amber-soft);color:var(--amber);font-size:.74rem;font-weight:800}.network{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cg fill='none' stroke='%232a9d8f' stroke-opacity='.16'%3E%3Cpath d='M12 24L90 66L168 34M90 66L66 156M90 66L156 136'/%3E%3C/g%3E%3Cg fill='%232a9d8f' fill-opacity='.26'%3E%3Ccircle cx='12' cy='24' r='3'/%3E%3Ccircle cx='90' cy='66' r='4'/%3E%3Ccircle cx='168' cy='34' r='3'/%3E%3Ccircle cx='66' cy='156' r='3'/%3E%3Ccircle cx='156' cy='136' r='3'/%3E%3C/g%3E%3C/svg%3E")}.hero{padding:56px 0 40px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.hero h1{font-size:clamp(2.3rem,5vw,4rem);letter-spacing:-.055em;margin:14px 0 18px}.greeting{font-weight:700;color:var(--green)}.panel{position:relative;overflow:hidden;background:var(--green-dark);color:#eef4ef;border-radius:24px;padding:28px}.panel:after{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;pointer-events:none;background:radial-gradient(circle at 30% 30%,rgba(42,157,143,.38),transparent 40%),radial-gradient(circle at 70% 70%,rgba(242,196,109,.18),transparent 40%);animation:drift 14s ease-in-out infinite alternate}.panel>*{position:relative;z-index:1}.panel h2{color:#fff;font-size:1.45rem;margin:12px 0 18px}@keyframes drift{to{transform:translate(8%,6%) rotate(8deg)}}.p-row{display:flex;gap:14px;align-items:center;padding:13px 0;border-top:1px solid #ffffff1c}.p-num{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#ffffff12;color:#f2c46d;font:700 .78rem ui-monospace,monospace}.p-row strong{display:block}.p-row small{color:#b9cbc1}.p-note{margin:14px 0 0;font-size:.8rem;color:#c9d8cf;background:#ffffff0d;padding:12px;border-radius:10px}main section{margin:52px 0;animation:rise .6s ease both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;margin:16px 0}.role,.card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s}.role{display:block;text-align:left;color:var(--ink);text-decoration:none}.role:hover,.cards .card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #2a9d8f29;border-color:#9cc7b4}.role[aria-pressed=true]{background:var(--green-soft);border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.role strong{display:block;color:var(--green-dark);margin-bottom:4px}.role small{display:block;color:var(--muted)}.link-text{display:inline-block;margin-top:10px;font-weight:600;color:var(--green);font-size:.88rem}.card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.card h3 a{text-decoration:none}.card p{color:var(--muted);font-size:.9rem}.stretched:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.meta{display:flex;gap:8px;flex-wrap:wrap;font-size:.72rem;color:var(--muted);margin-bottom:12px}.meta span{background:#f4f1ea;padding:3px 8px;border-radius:6px}.my-route{border-left:4px solid var(--teal)}.empty{padding:28px;border:1px dashed var(--line);border-radius:15px;background:var(--surface);color:var(--muted)}.timeline{display:flex;list-style:none;padding:0;margin:10px 0;gap:4px}.timeline li{flex:1;font-size:.66rem;color:var(--muted);border-top:3px solid var(--line);padding-top:5px}.timeline li.on{border-color:var(--teal);color:var(--green-dark);font-weight:600}.route-map{background-color:var(--surface);border:1px solid var(--line);border-radius:24px;padding:28px}.route-track{position:relative;margin:26px 0}.route{list-style:none;display:grid;grid-template-columns:repeat(8,1fr);gap:8px;padding:0;margin:0;position:relative}.route:before{content:"";position:absolute;left:6%;right:6%;top:21px;height:2px;background:linear-gradient(90deg,var(--teal),var(--green));transform-origin:left;animation:draw 1.6s ease-out both}@keyframes draw{0%{transform:scaleX(0)}}.route button{position:relative;width:100%;background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--muted)}.node{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--surface);border:2px solid #b9d8cf;font:700 .72rem ui-monospace,monospace;color:var(--green);transition:all .25s}.route button[aria-pressed=true]{color:var(--green-dark)}.route button[aria-pressed=true] .node{background:var(--green-dark);color:#f2c46d;border-color:var(--teal);box-shadow:0 0 0 7px #2a9d8f29}.po-token{position:absolute;top:-10px;left:6%;z-index:2;pointer-events:none;font:700 .6rem ui-monospace,monospace;background:var(--amber);color:#fff;padding:2px 6px;border-radius:4px;animation:travel 11s linear infinite}@keyframes travel{0%{left:6%}to{left:92%}}.stage-detail{background:var(--green-soft);border-radius:14px;padding:18px 20px}.stage-detail h3{margin-bottom:6px}.lesson{max-width:800px}.breadcrumbs{font-size:.84rem;color:var(--muted);margin-bottom:12px}.callout{background:var(--green-soft);border:1px solid #d3e4d8;border-radius:14px;padding:18px 20px;margin:20px 0}.hint{border-left:3px solid #d6a648;background:#fbf4e4;padding:10px 14px;margin:10px 0;border-radius:0 8px 8px 0}details{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:20px 0}summary{cursor:pointer;font-weight:700}details p{margin:12px 0 0}.decision{margin:22px 0}.outcome{margin-top:12px;padding:12px 14px;border-radius:10px;background:var(--amber-soft)}.outcome.good{background:var(--green-soft)}.quiz fieldset{border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin:14px 0;background:var(--surface)}.quiz legend{font-weight:700;padding:0 6px}.opt{display:flex;gap:10px;align-items:center;padding:9px 12px;border:1px solid var(--line);border-radius:10px;margin:6px 0;cursor:pointer}.opt.correct{border-color:var(--green);background:var(--green-soft)}.opt.wrong{border-color:var(--danger);background:#fbeeea}.feedback{font-size:.88rem;color:var(--muted);margin:8px 0 0}.completion{display:flex;flex-wrap:wrap;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.stamp{display:inline-block;border:3px solid var(--green);color:var(--green);font:800 1rem ui-monospace,monospace;letter-spacing:.12em;padding:6px 14px;border-radius:8px;transform:rotate(-6deg);animation:stamp .45s cubic-bezier(.2,1.6,.4,1) both}@keyframes stamp{0%{transform:scale(2.2) rotate(-6deg);opacity:0}}.order-list{list-style:none;padding:0}.order-list li{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;margin:6px 0;background:var(--bg);cursor:grab}.order-list li span:nth-child(2){flex:1}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;font-size:.82rem;color:var(--muted)}.kpi b{display:block;font-size:1.7rem;color:var(--green-dark);letter-spacing:-.03em}.kpi b.small{font-size:1.05rem;letter-spacing:0}.rings{display:flex;flex-wrap:wrap;gap:24px;margin:12px 0 18px}.ring{margin:0;text-align:center;font-size:.8rem;color:var(--muted)}.ring-bg{fill:none;stroke:#ece7dc;stroke-width:9}.ring-fg{fill:none;stroke:var(--teal);stroke-width:9;stroke-linecap:round;transition:stroke-dashoffset 1.2s ease}.ring text{font:700 18px Inter,sans-serif;fill:var(--green-dark)}.profile{margin:18px 0}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.field{margin-bottom:14px}.field label{display:block;font-weight:600;font-size:.88rem;margin-bottom:5px}.field input,.field select,.search{width:100%;padding:10px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}.field input[readonly]{background:#f4f1ea}.check{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;margin:14px 0}.filters{display:flex;flex-direction:column;gap:12px;margin:22px 0 12px}.chip-group{display:flex;flex-wrap:wrap;gap:8px}.filter{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 13px;font-size:.84rem;font-weight:600;color:var(--muted)}.filter[aria-pressed=true]{background:var(--green-dark);color:#fff;border-color:var(--green-dark)}.search{max-width:340px}.guidance{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px;border-radius:24px;background:var(--amber-soft);border:1px solid #f0dfb8}.guidance h2{margin-top:8px}.guidance p{color:#6b5a3e;margin-bottom:0}.about-head{display:flex;align-items:center;gap:20px;margin-bottom:20px}.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px}.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th,.table td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.table th{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.site-footer{border-top:1px solid var(--line);padding:30px 0;margin-top:40px}.footer-top{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px}.site-footer p{font-size:.8rem;color:var(--muted);max-width:860px}dialog{border:1px solid var(--line);border-radius:20px;padding:0;background:var(--bg);color:var(--ink);width:min(640px,calc(100% - 28px));box-shadow:0 30px 80px #0000004d}dialog::backdrop{background:#10251c99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-inner{padding:26px}.palette input{width:100%;border:0;border-bottom:1px solid var(--line);padding:18px 20px;font-size:1.05rem;background:transparent;color:var(--ink)}.palette input:focus-visible{outline:none}.palette ul{list-style:none;margin:0;padding:8px;max-height:50vh;overflow:auto}.palette li button{width:100%;text-align:left;background:none;border:0;border-radius:10px;padding:10px 12px;color:var(--ink)}.palette li button.active{background:var(--green-soft)}.palette small{display:block;color:var(--muted);font-size:.76rem}.pad{padding:0 20px 14px;margin:0}@media (max-width: 1024px){.menu-toggle{display:inline-grid}nav{display:none;position:absolute;top:70px;left:0;right:0;margin:0;flex-direction:column;gap:14px;background:var(--bg);padding:18px 20px;border-bottom:1px solid var(--line)}nav.open{display:flex}.nav-actions{margin-left:auto}}@media (max-width: 820px){.wrap{width:calc(100% - 30px)}.hero-grid,.grid-3,.form-grid{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}.route{grid-template-columns:repeat(4,1fr);row-gap:18px}.route:before,.po-token{display:none}.guidance,.section-head{flex-direction:column;align-items:flex-start}.brand>span:last-child{font-size:.95rem}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.card>h2:first-child,.card>.eyebrow+h2{margin-top:0}.login-card{max-width:440px}.gsi-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:44px;padding:0 16px;background:#fff;color:#1f1f1f;border:1px solid #747775;border-radius:22px;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:15px;font-weight:500;letter-spacing:.25px;transition:background-color .2s,box-shadow .2s}.gsi-btn:hover{background:#f8f9fa;box-shadow:0 1px 3px #3c40434d}.gsi-btn:active{background:#eef0f1}.gsi-btn:disabled{opacity:.6;cursor:default;box-shadow:none}.gsi-logo{width:20px;height:20px;flex:0 0 auto}.login-note{margin:12px 0 0}