.roadmap-page{max-width:1100px;margin:0 auto;padding:24px}.roadmap-page .rm-hero{color:#fff;background:linear-gradient(135deg,#312e81 0%,#4338ca 50%,#4f46e5 100%);border-radius:16px;margin-bottom:24px;padding:34px 32px;position:relative;overflow:hidden}.roadmap-page .rm-hero .rm-hero-glow{pointer-events:none;background:radial-gradient(circle,#22c55e66 0%,#4f46e500 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-90px;right:-50px}.roadmap-page .rm-hero .rm-hero-inner{z-index:1;position:relative}.roadmap-page .rm-hero .rm-hero-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff24;border:1px solid #fff3;border-radius:9999px;align-items:center;gap:6px;margin-bottom:16px;padding:5px 14px;font-size:12px;font-weight:500;display:inline-flex}.roadmap-page .rm-hero .rm-hero-title{letter-spacing:.5px;margin:0 0 10px;font-size:32px;font-weight:800}.roadmap-page .rm-hero .rm-hero-sub{color:#ffffffd1;max-width:720px;margin:0 0 22px;font-size:16px;line-height:1.6}.roadmap-page .rm-hero .rm-legend{flex-wrap:wrap;gap:18px;display:flex}.roadmap-page .rm-hero .rm-legend .rm-legend-item{color:#ffffffe6;align-items:center;gap:7px;font-size:12px;display:inline-flex}.roadmap-page .rm-hero .rm-legend .rm-legend-item i{border-radius:4px;width:12px;height:12px;display:inline-block}.roadmap-page .rm-category-bar{gap:8px;margin-bottom:14px;display:flex}.roadmap-page .rm-category-bar .rm-category-btn{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9999px;align-items:center;gap:8px;padding:8px 18px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.roadmap-page .rm-category-bar .rm-category-btn .rm-category-count{background:#f8fafc;border-radius:9999px;padding:1px 8px;font-size:11px}.roadmap-page .rm-category-bar .rm-category-btn.active{color:#fff;background:#1890ff;border-color:#1890ff}.roadmap-page .rm-category-bar .rm-category-btn.active .rm-category-count{color:#fff;background:#fff3}.roadmap-page .rm-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.roadmap-page .rm-tabs .rm-tab{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9999px;align-items:center;gap:7px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.roadmap-page .rm-tabs .rm-tab .rm-tab-icon{font-size:15px;display:inline-flex}.roadmap-page .rm-tabs .rm-tab .rm-auto-tag{color:#7c3aed;background:#8b5cf626;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.roadmap-page .rm-tabs .rm-tab:hover{transform:translateY(-1px);box-shadow:0 1px 2px #0000000d}.roadmap-page .rm-tabs .rm-tab.active{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff!important}.roadmap-page .rm-content{animation:.25s rmFade}.roadmap-page .rm-overview{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;margin-bottom:22px;padding:20px 22px;display:flex}.roadmap-page .rm-overview .rm-overview-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex}.roadmap-page .rm-overview .rm-overview-text{flex:1;min-width:0}.roadmap-page .rm-overview .rm-overview-text .rm-overview-title{color:#1e293b;margin:0 0 4px;font-size:20px;font-weight:700}.roadmap-page .rm-overview .rm-overview-text .rm-overview-desc{color:#64748b;margin:0;font-size:14px;line-height:1.6}.roadmap-page .rm-overview .rm-overview-text .rm-updated{color:#94a3b8;margin-top:6px;font-size:11px;display:block}.roadmap-page .rm-overview .rm-overview-stats{flex-shrink:0;gap:10px;display:flex}.roadmap-page .rm-overview .rm-overview-stats .rm-ov-stat{background:#f8fafc;border-radius:6px;flex-direction:column;align-items:center;min-width:64px;padding:8px 12px;display:flex}.roadmap-page .rm-overview .rm-overview-stats .rm-ov-stat b{color:#1890ff;font-size:22px;font-weight:700;line-height:1.2}.roadmap-page .rm-overview .rm-overview-stats .rm-ov-stat i{color:#94a3b8;font-size:11px;font-style:normal}.roadmap-page .rm-timeline .rm-stage{gap:18px;display:flex}.roadmap-page .rm-timeline .rm-stage .rm-stage-rail{flex-direction:column;flex-shrink:0;align-items:center;width:36px;display:flex}.roadmap-page .rm-timeline .rm-stage .rm-stage-rail .rm-stage-node{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:flex;box-shadow:0 0 0 4px #6366f114}.roadmap-page .rm-timeline .rm-stage .rm-stage-rail .rm-stage-line{background:linear-gradient(#e2e8f0,#f1f5f9);flex:1;width:2px;min-height:20px;margin:6px 0}.roadmap-page .rm-timeline .rm-stage .rm-stage-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;min-width:0;margin-bottom:18px;padding:18px 20px;transition:box-shadow .2s}.roadmap-page .rm-timeline .rm-stage .rm-stage-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.roadmap-page .rm-timeline .rm-stage .rm-stage-card .rm-stage-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.roadmap-page .rm-timeline .rm-stage .rm-stage-card .rm-stage-head .rm-stage-level{border-radius:9999px;padding:3px 12px;font-size:11px;font-weight:700}.roadmap-page .rm-timeline .rm-stage .rm-stage-card .rm-stage-head .rm-stage-name{color:#1e293b;margin:0;font-size:16px;font-weight:700}.roadmap-page .rm-timeline .rm-stage .rm-stage-card .rm-stage-head .rm-stage-count{color:#94a3b8;margin-left:auto;font-size:11px}.roadmap-page .rm-timeline .rm-stage .rm-stage-card .rm-topics{flex-wrap:wrap;gap:8px;display:flex}.roadmap-page .rm-timeline .rm-stage .rm-stage-card .rm-topics .rm-topic{color:#1e293b;background:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;transition:all .2s;display:inline-flex}.roadmap-page .rm-timeline .rm-stage .rm-stage-card .rm-topics .rm-topic .rm-topic-check{font-size:11px}.roadmap-page .rm-timeline .rm-stage .rm-stage-card .rm-topics .rm-topic:hover{border-color:var(--dot);background:#fff;box-shadow:0 1px 2px #0000000d}@keyframes rmFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.roadmap-page{padding:16px}.roadmap-page .rm-hero{padding:24px 18px}.roadmap-page .rm-hero .rm-hero-title{font-size:24px}.roadmap-page .rm-hero .rm-hero-sub{font-size:14px}.roadmap-page .rm-hero .rm-legend{gap:14px}.roadmap-page .rm-overview{flex-wrap:wrap}.roadmap-page .rm-overview .rm-overview-stats{width:100%}.roadmap-page .rm-timeline .rm-stage{gap:12px}.roadmap-page .rm-timeline .rm-stage .rm-stage-rail{width:30px}.roadmap-page .rm-timeline .rm-stage .rm-stage-rail .rm-stage-node{width:30px;height:30px;font-size:14px}}
