.cp-wrap{max-width:1100px;margin:0 auto;padding:1.25rem 1.25rem 4rem}.cp-hero{text-align:center;padding:.75rem 0 1.5rem}.cp-hero h1{font-size:1.9rem;font-weight:800;letter-spacing:-.04em;margin-bottom:.25rem}.cp-hero h1 span{color:var(--accent)}.cp-hero p{color:var(--text-muted);font-size:.88rem;max-width:520px;margin:0 auto}.cp-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:1.25rem;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.cp-ctrl-label{font-size:.72rem;color:var(--text-dim);font-weight:600;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.cp-select{padding:8px 28px 8px 12px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font);font-size:.82rem;outline:0;cursor:pointer;min-width:180px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l3 3 3-3' stroke='%234a5f7d' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:.12s}.cp-select:focus{border-color:var(--accent)}.cp-sep{width:1px;height:20px;background:var(--border);flex-shrink:0}.cp-tab{padding:7px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);color:var(--text-muted);font-size:.78rem;font-family:var(--font);font-weight:500;cursor:pointer;transition:.12s;white-space:nowrap}.cp-tab:hover{border-color:var(--text-dim);color:var(--text)}.cp-tab.active{border-color:var(--accent);background:#00ddb312;color:var(--accent);font-weight:600}.cp-main{display:grid;grid-template-columns:1fr 340px;gap:14px;align-items:start}@media (max-width:900px){.cp-main{grid-template-columns:1fr}}.cp-tree-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;overflow:hidden}.cp-tree-title{font-size:.75rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px}.cp-tier{margin-bottom:8px}.cp-tier-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:8px;display:flex;align-items:center;gap:6px}.cp-tier-label:after{content:"";flex:1;height:1px;background:var(--border)}.cp-tier-nodes{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.cp-node{position:relative;padding:12px 14px;border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--card);cursor:pointer;transition:all .18s;min-width:130px;max-width:180px;text-align:center;flex-shrink:0}.cp-node:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 20px #00ddb31f}.cp-node.selected{border-color:var(--accent);background:#00ddb30f;box-shadow:0 0 0 3px #00ddb326}.cp-node.current-role{border-color:var(--amber);background:#ffb8300d}.cp-node.current-role:before{content:"YOU";position:absolute;top:-9px;left:50%;transform:translate(-50%);background:var(--amber);color:#000;font-size:.5rem;font-weight:800;padding:1px 5px;border-radius:3px;letter-spacing:.05em}.cp-node.next-step{border-color:var(--accent2);background:#7b6fff0d;animation:cpGlow 2s ease-in-out infinite}.cp-node.next-step:after{content:"NEXT";position:absolute;top:-9px;right:6px;background:var(--accent2);color:#fff;font-size:.5rem;font-weight:800;padding:1px 5px;border-radius:3px;letter-spacing:.05em}@keyframes cpGlow{0%,to{box-shadow:0 0#7b6fff00}50%{box-shadow:0 0 12px 3px #7b6fff33}}.cp-node-track{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px;vertical-align:middle;flex-shrink:0}.cp-node-title{font-size:.82rem;font-weight:700;color:var(--text);line-height:1.2;margin-bottom:3px}.cp-node-salary{font-size:.65rem;color:var(--accent);font-family:var(--mono);font-weight:600}.cp-node-exp{font-size:.6rem;color:var(--text-dim);margin-top:2px}.cp-svg-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.cp-tree-wrap{position:relative}.cp-detail{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;position:sticky;top:80px}.cp-detail-empty{text-align:center;padding:2rem 1rem;color:var(--text-dim);font-size:.82rem}.cp-detail-empty svg{display:block;margin:0 auto 10px;opacity:.3}.cp-detail-role{font-size:1.1rem;font-weight:800;letter-spacing:-.02em;margin-bottom:2px}.cp-detail-track{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;font-size:.65rem;font-weight:600;margin-bottom:10px}.cp-detail-salary{display:flex;gap:8px;align-items:baseline;margin-bottom:14px;padding:10px 12px;background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border)}.cp-sal-range{font-size:1rem;font-weight:700;font-family:var(--mono);color:var(--accent)}.cp-sal-med{font-size:.72rem;color:var(--text-muted)}.cp-sal-exp{font-size:.7rem;color:var(--text-dim);margin-left:auto}.cp-detail-section{margin-bottom:14px}.cp-ds-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:7px;display:flex;align-items:center;gap:5px}.cp-cert-list{display:flex;flex-direction:column;gap:5px}.cp-cert-item{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--card);border-radius:var(--radius-sm);border:1px solid var(--border);font-size:.75rem;transition:.12s}.cp-cert-item:hover{border-color:var(--border)}.cp-cert-icon{width:24px;height:24px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.7rem;font-weight:700}.cp-cert-name{flex:1;font-weight:500;color:var(--text)}.cp-cert-req{font-size:.6rem;color:var(--text-dim);flex-shrink:0}.cp-cert-prereq{font-size:.58rem;color:var(--amber);margin-top:1px}.cp-skill-tags{display:flex;flex-wrap:wrap;gap:5px}.cp-skill-tag{padding:3px 8px;border-radius:4px;background:var(--card);border:1px solid var(--border);font-size:.68rem;color:var(--text-muted)}.cp-badge-list{display:flex;flex-direction:column;gap:4px}.cp-badge-item{font-size:.72rem;color:var(--text-muted);display:flex;align-items:center;gap:5px}.cp-badge-item:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent2);flex-shrink:0}.cp-desc{font-size:.78rem;color:var(--text-muted);line-height:1.6;margin-bottom:10px}.cp-compare{display:none}.cp-compare.active{display:block}.cp-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:700px){.cp-compare-grid{grid-template-columns:1fr}}.cp-compare-col{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.cp-compare-head{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border)}.cp-compare-role{font-size:.95rem;font-weight:700}.cp-compare-pick{padding:8px 28px 8px 12px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font);font-size:.8rem;outline:0;cursor:pointer;width:100%;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l3 3 3-3' stroke='%234a5f7d' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.cp-cmp-row{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--border);font-size:.75rem}.cp-cmp-row:last-child{border-bottom:none}.cp-cmp-lbl{color:var(--text-dim);font-weight:600;flex-shrink:0;min-width:80px}.cp-cmp-val{color:var(--text);text-align:right;flex:1;margin-left:8px}.cp-cmp-highlight{color:var(--accent);font-weight:600}.cp-calc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-top:14px}.cp-calc-title{font-size:.9rem;font-weight:700;margin-bottom:14px}.cp-calc-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.cp-calc-label{font-size:.78rem;color:var(--text-muted);min-width:80px}.cp-calc-result{padding:14px 16px;background:var(--card);border:1px solid var(--accent);border-radius:var(--radius-sm);display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:4px}.cp-calc-num{font-size:1.6rem;font-weight:800;font-family:var(--mono);color:var(--accent)}.cp-calc-sub{font-size:.72rem;color:var(--text-muted)}.cp-cert-tree{margin-top:0}.cp-ct-list{display:flex;flex-direction:column;gap:8px}.cp-ct-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px}.cp-ct-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.cp-ct-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.cp-ct-name{font-size:.82rem;font-weight:700;color:var(--text)}.cp-ct-code{font-size:.65rem;color:var(--text-dim);font-family:var(--mono)}.cp-ct-prereqs{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.cp-ct-prereq-tag{font-size:.62rem;padding:2px 7px;border-radius:3px;background:#ffb83014;border:1px solid rgba(255,184,48,.2);color:var(--amber)}.cp-ct-roles{font-size:.68rem;color:var(--text-dim);margin-top:4px}.cp-path-line{stroke:var(--accent);stroke-width:2;fill:none;stroke-dasharray:6 3;opacity:.7;animation:cpDash 1s linear infinite}@keyframes cpDash{to{stroke-dashoffset:-9}}.cp-conn-line{stroke:var(--border);stroke-width:1.5;fill:none}@media (max-width:600px){.cp-tree-nodes{gap:7px}.cp-node{min-width:110px;padding:9px 10px}.cp-node-title{font-size:.74rem}.cp-hero h1{font-size:1.4rem}.cp-controls{gap:7px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.cp-anim{animation:fadeIn .2s ease backwards}