.roadmap-page{background-color:#f0f4f8}.roadmap-container{background-color:#fff;border-radius:20px;width:100%;max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem;position:relative;box-shadow:0 8px 30px #00000014}.roadmap-tree{flex-direction:column;align-items:center;display:flex}.node-group{width:100%;margin-bottom:4rem;position:relative}.node-group.single{justify-content:center;display:flex}.node-group.branch{flex-wrap:wrap;justify-content:space-around;gap:2rem;display:flex}.roadmap-node{z-index:20;position:relative}.quest-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;width:320px;padding:1.5rem;transition:transform .3s,box-shadow .3s;box-shadow:0 2px 15px #0000000d}.quest-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000001a}.card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.card-header-left{color:#1f2937;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex}.card-header-right{text-align:right;color:#6b7280;font-size:.875rem;font-weight:500}.progress-bar-container{margin-bottom:1rem}.progress-line{background-color:#e5e7eb;border-radius:5px;height:8px;position:relative}.progress-fill{background:linear-gradient(90deg,#6366f1,#34d393);border-radius:5px;height:100%;transition:width .4s ease-in-out}.progress-text{color:#6b7280;justify-content:space-between;margin-top:.5rem;font-size:.75rem;display:flex}.skill-tags{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.skill-tag{color:#2563eb;background-color:#f3f4f6;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}#roadmapContainer .svg-container,#line-svg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.arrow-path{stroke:#d1d5db;stroke-width:3px;fill:none}@media (max-width:640px){.roadmap-container{box-shadow:none;background-color:#0000;border-radius:0;padding:.5rem}.quest-card{width:150px;padding:.75rem}.card-header{flex-direction:column;align-items:flex-start;gap:.25rem}.card-header-left{font-size:.85rem}.card-header-right{text-align:left;font-size:.7rem}.progress-text,.card-details{font-size:.625rem}.skill-tag{padding:.15rem .5rem;font-size:.65rem}.node-group.branch{grid-template-columns:1fr 1fr;justify-items:center;gap:1.5rem;margin-bottom:3rem;display:grid}.node-group.branch .roadmap-node:nth-child(3){grid-column:1/3}.node-group.single{width:auto;margin:0 auto}}