.roadmap-map{position:relative;display:flex;flex-direction:column;gap:3.5rem;max-width:640px;margin:0 auto;padding:1rem 0}.roadmap-spine{position:absolute;top:0;bottom:0;left:50%;width:3px;transform:translateX(-50%);background:repeating-linear-gradient( to bottom,rgba(255,255,255,.18) 0,rgba(255,255,255,.18) 8px,transparent 8px,transparent 16px );z-index:0}.roadmap-node{position:relative;z-index:1;display:flex;align-items:center;gap:1.25rem}.roadmap-node--left{flex-direction:row;padding-right:52%}.roadmap-node--right{flex-direction:row-reverse;padding-left:52%;text-align:right}.roadmap-connector{position:absolute;top:50%;height:2px;width:14%;background:rgba(255,255,255,.18);transform:translateY(-50%)}.roadmap-node--left .roadmap-connector{right:38%}.roadmap-node--right .roadmap-connector{left:38%}.roadmap-node.is-unlocked .roadmap-connector{background:rgba(0,217,255,.4)}.roadmap-island{position:relative;flex-shrink:0;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,4%);border:2px solid rgba(255,255,255,.15);filter:grayscale(100%);transition:filter .4s ease,border-color .4s ease,box-shadow .4s ease}.roadmap-island-dot{width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,.3)}.roadmap-node.is-unlocked .roadmap-island{filter:grayscale(0%);border-color:#00d9ff;background:rgba(0,217,255,.1);box-shadow:0 0 18px rgba(0,217,255,.35)}.roadmap-node.is-unlocked .roadmap-island-dot{background:#00d9ff}.roadmap-badge{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:#00d9ff;color:#0a1428;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center}.roadmap-pulso{position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(0,217,255,.6);animation:roadmap-ping 1.8s infinite}@keyframes roadmap-ping{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.5);opacity:0}}.roadmap-card{display:flex;flex-direction:column;gap:.25rem;opacity:.5;transition:opacity .4s ease}.roadmap-node.is-unlocked .roadmap-card{opacity:1}.roadmap-card h4{font-size:.95rem;color:#eaf4ff}.roadmap-card p{font-size:10.5pt}@media(max-width:640px){.roadmap-node,.roadmap-node--left,.roadmap-node--right{flex-direction:row;padding:0 0 0 52px;text-align:left}.roadmap-spine{left:27px}.roadmap-connector{display:none}}