.roadmap-page{max-width:1200px;min-height:100vh;margin:0 auto;padding:6rem 1.5rem 4rem}.roadmap-header{text-align:left;margin-bottom:3rem}.roadmap-header h1{background:linear-gradient(to right, var(--zinc-100), var(--zinc-300));color:#0000;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:2.75rem;font-weight:700}.roadmap-header p{color:var(--zinc-400);max-width:560px;margin:0;font-size:1.05rem;line-height:1.6}.roadmap-filters{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.5rem;margin-bottom:3rem;display:flex}.roadmap-filter-btn{color:var(--zinc-400);cursor:pointer;background:#27272a66;border:1px solid #52525b40;border-radius:8px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:500;transition:all .25s}.roadmap-filter-btn:hover{color:var(--zinc-200);background:#3f3f4680;border-color:#52525b80}.roadmap-filter-btn.active{color:#5b9cf5;background:#5b9cf51f;border-color:#5b9cf5}.roadmap-timeline{padding:1rem 0;position:relative}.roadmap-timeline-track{z-index:0;background:#52525b33;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.roadmap-step{z-index:2;align-items:flex-start;margin-bottom:2.5rem;display:flex;position:relative}.roadmap-step.left{flex-direction:row;padding-right:calc(50% + 2rem)}.roadmap-step.right{flex-direction:row-reverse;padding-left:calc(50% + 2rem)}.roadmap-step-connector{background:var(--zinc-900);z-index:3;border:2.5px solid #52525b66;border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;top:1.75rem;left:50%;transform:translate(-50%)}.roadmap-step-connector.completed{border-color:#4ade80;box-shadow:0 0 12px #22c55e4d}.roadmap-step-connector.in-progress{border-color:#5b9cf5;box-shadow:0 0 12px #5b9cf54d}.roadmap-step-connector.planned{border-color:var(--zinc-500)}.roadmap-step-card{flex:1;min-width:0}.roadmap-card{cursor:pointer;background:#18181b99;border:1px solid #52525b33;border-radius:8px;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.roadmap-card:hover{background:#27272a66;border-color:#52525b66}.roadmap-card-top{align-items:flex-start;gap:1rem;display:flex}.roadmap-step-badge{color:#5b9cf5;background:#5b9cf514;border:1px solid #5b9cf526;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:.75rem;font-weight:700;display:flex}.roadmap-step-badge .step-icon{font-size:1.15rem}.roadmap-step-badge.step-completed{color:#4ade80;background:#22c55e14;border-color:#22c55e33}.roadmap-step-badge.step-in-progress{color:#5b9cf5;background:#5b9cf514;border-color:#5b9cf533}.roadmap-step-badge.step-planned{color:var(--zinc-400);background:#71717a14;border-color:#71717a33}.roadmap-card-body{flex:1;min-width:0}.roadmap-card-meta{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.roadmap-status-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:8px;align-items:center;gap:.35rem;padding:.2rem .7rem;font-size:.7rem;font-weight:600;display:inline-flex}.roadmap-status-badge.completed{color:#4ade80;background:#22c55e1a}.roadmap-status-badge.in-progress{color:#5b9cf5;background:#5b9cf51a}.roadmap-status-badge.planned{color:var(--zinc-400);background:#71717a1a}.roadmap-release-date{color:var(--zinc-500);font-size:.75rem}.roadmap-card-title{color:var(--zinc-200);margin:0 0 .5rem;font-size:1.05rem;font-weight:600;line-height:1.4}.roadmap-card-tags{flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem;display:flex}.roadmap-tag{color:var(--zinc-400);background:#71717a1a;border:1px solid #71717a26;border-radius:8px;padding:.15rem .55rem;font-size:.68rem}.roadmap-progress{background:#27272a99;border-radius:8px;height:4px;margin-bottom:0;overflow:hidden}.roadmap-progress-fill{border-radius:8px;height:100%;transition:width .8s}.roadmap-progress-fill.completed{background:#4ade80}.roadmap-progress-fill.in-progress{background:#5b9cf5}.roadmap-progress-fill.planned{background:var(--zinc-500)}.roadmap-card-details{margin-top:0;overflow:hidden}.roadmap-details-inner{border-top:1px solid #52525b26;margin-top:1rem;padding-top:1rem}.roadmap-description{color:var(--zinc-400);margin-bottom:1.25rem;font-size:.9rem;line-height:1.65}.roadmap-contributors-section h4{color:var(--zinc-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.8rem;font-weight:600}.roadmap-contributors-list{flex-wrap:wrap;gap:.75rem;display:flex}.roadmap-contributor{background:#27272a4d;border:1px solid #52525b1f;border-radius:8px;align-items:center;gap:.5rem;padding:.35rem .75rem .35rem .35rem;display:flex}.roadmap-contributor-avatar{color:#5b9cf5;background:#5b9cf51a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.7rem;font-weight:700;display:flex}.roadmap-contributor-name{color:var(--zinc-300);font-size:.8rem;font-weight:500}.roadmap-contributor-role{color:var(--zinc-500);font-size:.68rem}.roadmap-demo-link{color:#5b9cf5;background:#5b9cf514;border:1px solid #5b9cf533;border-radius:8px;align-items:center;gap:.4rem;margin-top:.75rem;padding:.4rem 1rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.roadmap-demo-link:hover{background:#5b9cf526;border-color:#5b9cf559}.roadmap-join-cta{text-align:center;background:#5b9cf50a;border:1px solid #5b9cf51a;border-radius:8px;margin-top:1rem;padding:1rem}.roadmap-join-cta p{color:var(--zinc-400);margin-bottom:.75rem;font-size:.85rem}.roadmap-arrow{color:var(--zinc-500);font-size:.75rem;position:absolute;top:1.75rem}.roadmap-step.left .roadmap-arrow{right:calc(50% + 1rem)}.roadmap-step.right .roadmap-arrow{left:calc(50% + 1rem)}@media (max-width:800px){.roadmap-page{padding:5rem 1rem 3rem}.roadmap-header h1{font-size:2rem}.roadmap-timeline-track{left:24px}.roadmap-step{flex-direction:row!important;padding:0 0 0 3.5rem!important}.roadmap-step-connector{left:24px}.roadmap-arrow{display:none}.roadmap-card-top{gap:.75rem}.roadmap-step-badge{width:40px;height:40px;font-size:.65rem}.roadmap-step-badge .step-icon{font-size:1rem}}