.roadmap-page{--bg:#06040a;--ink:#f6eff4;--muted:#9a8e97;--red:#ff1f47;--pink:#ff2d7e;--mag:#b020a0;--card-br:#2a1f2d;--line:#342636;--beg:#25e0a0;--int:#ff2d7e;--adv:#ffb23a;--grad:linear-gradient(135deg,#ff1f47 0%,#ff2d7e 48%,#b020a0 100%);background:radial-gradient(1300px 700px at 82% -12%,rgba(255,45,126,.20),transparent 58%),radial-gradient(1100px 700px at -8% 18%,rgba(176,32,160,.18),transparent 55%),radial-gradient(900px 500px at 50% 120%,rgba(255,31,71,.12),transparent 60%),var(--bg);color:var(--ink);font-family:"Times New Roman",Georgia,"Nimbus Roman",Cambria,serif!important;min-height:760px;display:flex;flex-direction:column;overflow:hidden}.roadmap-page *{box-sizing:border-box}.roadmap-page__topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 30px;flex:0 0 auto;border-bottom:1px solid rgba(255,255,255,.06);z-index:10;background:linear-gradient(180deg,rgba(10,6,14,.85),rgba(10,6,14,.3));backdrop-filter:blur(10px)}.roadmap-page__brand{display:flex;align-items:center;gap:18px}.roadmap-page__brand img{height:32px;width:auto;max-width:150px;object-fit:contain;filter:drop-shadow(0 4px 16px rgba(255,45,126,.5))}.roadmap-page__title{font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);font-weight:700}.roadmap-page__title b{display:block;font-size:19px;letter-spacing:.5px;text-transform:none;margin-top:1px;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.roadmap-page__hint{font-size:12px;color:var(--muted);max-width:320px;text-align:right;margin:0}.roadmap-page__hint b{color:var(--pink)}.roadmap-page__map{flex:1 1 auto;position:relative;overflow:auto;min-height:680px}.roadmap-page__map::-webkit-scrollbar{height:11px;width:11px}.roadmap-page__map::-webkit-scrollbar-thumb{background:#3a2d3e;border-radius:6px}.roadmap-page__map::-webkit-scrollbar-track{background:transparent}.roadmap-page svg{display:block}.roadmap-page .link{fill:none;stroke:var(--line);stroke-width:1.6px}.roadmap-page .link.hot{stroke:url(#roadmap-linkgrad);stroke-width:2.6px;stroke-dasharray:7 7;animation:roadmap-flow 1.1s linear infinite}@keyframes roadmap-flow{to{stroke-dashoffset:-14}}.roadmap-page .node{cursor:pointer}.roadmap-page .node circle{stroke-width:2.6px;transition:filter .25s,r .25s}.roadmap-page .node.depth0 circle{fill:#140a18;stroke:url(#roadmap-ng);filter:drop-shadow(0 0 10px rgba(255,45,126,.7))}.roadmap-page .node.closed circle{fill:#1d1324;stroke:var(--pink)}.roadmap-page .node.open circle{fill:url(#roadmap-ng);stroke:transparent;filter:drop-shadow(0 0 8px rgba(255,45,126,.6))}.roadmap-page .node.leaf circle{fill:#271b2c;stroke:#5f4a66}.roadmap-page .node.leaf.cert circle{fill:url(#roadmap-gold);stroke:transparent;filter:drop-shadow(0 0 7px rgba(255,178,58,.6))}.roadmap-page .node.soon circle{fill:#1c1612;stroke:var(--adv);stroke-dasharray:3 3}.roadmap-page .node.tier-beginner.closed circle{stroke:var(--beg);filter:drop-shadow(0 0 7px rgba(37,224,160,.5))}.roadmap-page .node.tier-intermediate.closed circle{stroke:var(--int);filter:drop-shadow(0 0 7px rgba(255,45,126,.5))}.roadmap-page .node.tier-advanced.closed circle{stroke:var(--adv);filter:drop-shadow(0 0 7px rgba(255,178,58,.5))}.roadmap-page .node:hover circle{filter:drop-shadow(0 0 13px rgba(255,45,126,1))}.roadmap-page .node text{font-size:15px;fill:var(--ink);dominant-baseline:middle;font-family:"Times New Roman",Georgia,"Nimbus Roman",Cambria,serif!important;user-select:none;paint-order:stroke;stroke:rgba(6,4,10,.92);stroke-width:4.5px;transition:fill .2s}.roadmap-page .node.depth0 text{font-size:18px;font-weight:800;fill:#fff}.roadmap-page .node.depth1 text{font-size:16px;font-weight:800}.roadmap-page .node.depth2 text{font-weight:600;font-size:14px}.roadmap-page .node.leaf text{fill:#c3b6bf;font-size:13.5px}.roadmap-page .node.leaf.linkable:hover text{fill:#ff6b9d;text-decoration:underline}.roadmap-page .node.leaf.linkable:hover circle{stroke:var(--pink);filter:drop-shadow(0 0 8px rgba(255,45,126,.8))}.roadmap-page .node.cert text{fill:#ffc971;font-weight:800}.roadmap-page .node.soon text{fill:#e0bd86}.roadmap-page .node.tier-beginner.depth1 text{fill:#6cf5c4}.roadmap-page .node.tier-intermediate.depth1 text{fill:#ff9fc8}.roadmap-page .node.tier-advanced.depth1 text{fill:#ffd79a}.roadmap-page .sub{font-size:10px;font-weight:700;letter-spacing:1px;fill:var(--muted);stroke:none;text-transform:uppercase}.roadmap-page .badge{font-size:9.5px;font-weight:800;letter-spacing:1.2px;fill:var(--adv);stroke:none;text-transform:uppercase}.roadmap-page__legend{position:absolute;left:20px;bottom:18px;display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#b6a9b2;background:rgba(20,12,24,.82);border:1px solid var(--card-br);padding:11px 18px;border-radius:12px;backdrop-filter:blur(8px);box-shadow:0 10px 30px rgba(0,0,0,.4)}.roadmap-page__legend span{display:inline-flex;align-items:center;gap:7px}.roadmap-page__key{width:12px;height:12px;border-radius:50%;display:inline-block;border:2px solid}.roadmap-page__key--beginner{background:#0d2a20;border-color:var(--beg)}.roadmap-page__key--intermediate{background:#2a0d1c;border-color:var(--int)}.roadmap-page__key--advanced{background:#2a2012;border-color:var(--adv);border-style:dashed}.roadmap-page__key--certificate{background:#ffb23a;border-color:transparent}.roadmap-page__toolbar{position:absolute;right:20px;bottom:18px;display:flex;gap:9px}.roadmap-page__button{height:42px;border-radius:11px;cursor:pointer;padding:0 18px;background:rgba(20,12,24,.85);border:1px solid var(--card-br);color:var(--ink);font-size:13px;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;transition:all .2s;font-family:inherit!important;box-shadow:0 8px 24px rgba(0,0,0,.35)}.roadmap-page__button--primary{background:var(--grad);border-color:transparent;box-shadow:0 8px 26px rgba(255,45,126,.4)}.roadmap-page__button--icon{width:42px;padding:0;font-size:19px}.roadmap-page__button:hover{transform:translateY(-2px);border-color:var(--pink)}.roadmap-page__button--primary:hover{filter:brightness(1.1)}@media(max-width:640px){.roadmap-page{min-height:680px}.roadmap-page__hint{display:none}.roadmap-page__topbar{padding:14px 18px}.roadmap-page__map{min-height:610px}.roadmap-page__legend{left:12px;bottom:12px;gap:12px;font-size:11px;padding:9px 12px}.roadmap-page__toolbar{right:12px;bottom:12px}}