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