.roadmap-page{min-height:100vh;background:var(--color-background-app);color:var(--color-text-primary);position:relative;overflow:hidden}.roadmap-page:before{content:"";position:absolute;top:-20%;left:0;width:100%;height:80%;background:radial-gradient(ellipse at 50% 30%,rgba(35,184,200,.06) 0%,transparent 60%);pointer-events:none;z-index:0}.roadmap-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(45deg,rgba(35,184,200,.012) 1px,transparent 1px),linear-gradient(-45deg,rgba(35,184,200,.012) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.roadmap-page .roadmap-hero{position:relative;z-index:1;text-align:center;padding:2.5rem 2rem 2rem;max-width:760px;margin:0 auto}.roadmap-page .roadmap-hero-title{font-family:var(--font-family-heading);font-size:2.75rem;font-weight:500;color:var(--color-text-primary);margin:0 0 1rem;line-height:1.1;letter-spacing:-.02em}.roadmap-page .roadmap-hero-accent{background:linear-gradient(135deg,var(--color-brand-cyan),var(--color-brand-cyan-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.roadmap-page .roadmap-hero-subtitle{font-size:1.0625rem;color:var(--color-text-tertiary);margin:0 auto 1.75rem;font-weight:400;line-height:1.6;max-width:560px}.roadmap-page .roadmap-hero-actions{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.roadmap-page .roadmap-btn{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9375rem;padding:var(--space-md) var(--space-lg);border:none;cursor:pointer;transition:background-color .2s ease,transform .2s ease,border-color .2s ease;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.roadmap-page .roadmap-btn svg{width:1.0625rem;height:1.0625rem}.roadmap-page .roadmap-btn-primary{background:var(--color-accent-primary);color:#fff}.roadmap-page .roadmap-btn-primary:hover{background:var(--color-accent-primary-hover);transform:translateY(-1px)}.roadmap-page .roadmap-btn-secondary{background:var(--color-background-content-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.roadmap-page .roadmap-btn-secondary:hover{border-color:#23b8c866;color:var(--color-accent-primary);transform:translateY(-1px)}.roadmap-page .roadmap-content{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:0 2rem 3rem}.roadmap-page .roadmap-alerts{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.roadmap-page .roadmap-alert{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:var(--color-background-content-primary);border:1px solid var(--color-border-primary);border-left-width:3px;clip-path:polygon(0 0,calc(100% - .75rem) 0,100% .75rem,100% 100%,.75rem 100%,0 calc(100% - .75rem))}.roadmap-page .roadmap-alert-maintenance{border-left-color:#eab308}.roadmap-page .roadmap-alert-update{border-left-color:var(--color-accent-primary)}.roadmap-page .roadmap-alert-warning{border-left-color:#ef4444}.roadmap-page .roadmap-alert-info{border-left-color:#a855f7}.roadmap-page .roadmap-alert-icon{flex-shrink:0;width:1.375rem;height:1.375rem;margin-top:.125rem}.roadmap-page .roadmap-alert-icon svg{width:100%;height:100%}.roadmap-page .roadmap-alert-maintenance .roadmap-alert-icon{color:#eab308}.roadmap-page .roadmap-alert-update .roadmap-alert-icon{color:var(--color-accent-primary)}.roadmap-page .roadmap-alert-warning .roadmap-alert-icon{color:#ef4444}.roadmap-page .roadmap-alert-info .roadmap-alert-icon{color:#a855f7}.roadmap-page .roadmap-alert-body{flex:1;min-width:0}.roadmap-page .roadmap-alert-header{display:flex;align-items:center;gap:1rem;margin-bottom:.25rem}.roadmap-page .roadmap-alert-title{font-size:.9375rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.roadmap-page .roadmap-alert-date{font-size:.8125rem;color:var(--color-text-muted);white-space:nowrap}.roadmap-page .roadmap-alert-message{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;margin:0}.roadmap-page .roadmap-stage{display:flex;align-items:flex-start;gap:1.25rem;padding:1.5rem 1.75rem;margin-bottom:2rem;background:var(--color-background-content-primary);border:1px solid rgba(35,184,200,.25);clip-path:polygon(0 0,calc(100% - 1.25rem) 0,100% 1.25rem,100% 100%,0 100%);position:relative;overflow:hidden}.roadmap-page .roadmap-stage:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-brand-cyan);opacity:.5}.roadmap-page .roadmap-stage-marker{position:relative;width:2.25rem;height:2.25rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:.25rem}.roadmap-page .roadmap-stage-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--color-accent-primary);animation:roadmapRingPulse 2s cubic-bezier(.4,0,.6,1) infinite}.roadmap-page .roadmap-stage-dot{width:10px;height:10px;border-radius:50%;background:var(--color-accent-primary)}@keyframes roadmapRingPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.3}}.roadmap-page .roadmap-stage-text{display:flex;flex-direction:column;gap:.375rem;min-width:0}.roadmap-page .roadmap-stage-label{font-size:.75rem;font-weight:var(--font-weight-semibold);color:var(--color-accent-primary);text-transform:uppercase;letter-spacing:.06em}.roadmap-page .roadmap-stage-heading{font-family:var(--font-family-heading);font-size:1.5rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.roadmap-page .roadmap-stage-desc{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.6;margin:0;max-width:700px}.roadmap-page .roadmap-timeline{display:flex;flex-direction:column;gap:.75rem}.roadmap-page .roadmap-card{background:var(--color-background-content-primary);border:1px solid var(--color-border-primary);transition:border-color .2s ease}.roadmap-page .roadmap-card:hover{border-color:#23b8c833}.roadmap-page .roadmap-card.expanded{border-color:#23b8c84d}.roadmap-page .roadmap-card-completed:hover{border-color:#22c55e4d}.roadmap-page .roadmap-card-upcoming:hover{border-color:#a855f74d}.roadmap-page .roadmap-card-header{width:100%;display:flex;align-items:center;gap:1rem;padding:1.125rem 1.5rem;background:none;border:none;color:var(--color-text-primary);cursor:pointer;text-align:left;font-family:inherit;transition:background .2s ease}.roadmap-page .roadmap-card-header:hover{background:#ffffff05}.roadmap-page .roadmap-card-marker{width:2.25rem;height:2.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.roadmap-page .roadmap-card-marker svg{width:1.125rem;height:1.125rem}.roadmap-page .marker-completed{background:#22c55e1f;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.roadmap-page .marker-in_progress{background:transparent}.roadmap-page .marker-pulse-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--color-accent-primary);animation:roadmapRingPulse 2s cubic-bezier(.4,0,.6,1) infinite}.roadmap-page .marker-pulse-dot{width:10px;height:10px;border-radius:50%;background:var(--color-accent-primary)}.roadmap-page .marker-upcoming{background:#a855f71f;color:#a855f7;border:1px solid rgba(168,85,247,.3)}.roadmap-page .marker-planned{background:#94a3b81a;color:var(--color-text-secondary);border:1px solid var(--color-border-primary)}.roadmap-page .marker-future{background:transparent;color:var(--color-text-tertiary);border:1px dashed var(--color-border-primary)}.roadmap-page .roadmap-card-title{font-family:var(--font-family-heading);font-size:1.1875rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;flex:1}.roadmap-page .roadmap-card-badge{padding:.25rem .625rem;font-size:.75rem;font-weight:var(--font-weight-semibold);white-space:nowrap;flex-shrink:0;clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,0 100%)}.roadmap-page .badge-completed{background:#22c55e26;color:#22c55e}.roadmap-page .badge-in_progress{background:#23b8c826;color:var(--color-accent-primary)}.roadmap-page .badge-upcoming{background:#a855f726;color:#a855f7}.roadmap-page .badge-planned,.roadmap-page .badge-future{background:#94a3b81f;color:var(--color-text-secondary)}.roadmap-page .roadmap-card-count{font-size:.8125rem;color:var(--color-text-muted);flex-shrink:0}.roadmap-page .roadmap-card-chevron{width:1.125rem;height:1.125rem;color:var(--color-text-muted);transition:transform .25s ease;flex-shrink:0}.roadmap-page .roadmap-card-chevron.rotated{transform:rotate(180deg)}.roadmap-page .roadmap-card-body{padding:1.25rem 1.5rem 1.5rem;border-top:1px solid var(--color-border-primary);animation:roadmapExpandIn .22s ease}@keyframes roadmapExpandIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.roadmap-page .roadmap-card-desc{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.6;margin:0 0 1rem}.roadmap-page .roadmap-feature-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.5rem}.roadmap-page .roadmap-feature{display:flex;align-items:flex-start;gap:.625rem;padding:.625rem .875rem;background:var(--color-background-content-secondary);border:1px solid var(--color-border-primary);font-size:.875rem;color:var(--color-text-secondary);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.roadmap-page .roadmap-feature-check{width:1rem;height:1rem;color:#22c55e;flex-shrink:0;margin-top:.125rem}.roadmap-page .roadmap-feature-dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-tertiary);flex-shrink:0;margin-top:.4375rem}.roadmap-page .roadmap-card-in_progress .roadmap-feature-dot{background:var(--color-accent-primary)}.roadmap-page .roadmap-card-upcoming .roadmap-feature-dot{background:#a855f7}.roadmap-page .roadmap-empty{text-align:center;padding:3rem 1rem;color:var(--color-text-tertiary);background:var(--color-background-content-primary);border:1px solid var(--color-border-primary)}.roadmap-page .roadmap-empty p{margin:0}.roadmap-page .roadmap-feedback{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem 1.5rem;margin-top:2rem;background:var(--color-background-content-primary);border:1px solid var(--color-border-primary);clip-path:polygon(0 0,calc(100% - 1rem) 0,100% 1rem,100% 100%,1rem 100%,0 calc(100% - 1rem))}.roadmap-page .roadmap-feedback-text{display:flex;align-items:center;gap:.75rem;color:var(--color-text-secondary);font-size:.9375rem}.roadmap-page .roadmap-feedback-text svg{width:1.25rem;height:1.25rem;color:var(--color-text-muted);flex-shrink:0}.roadmap-page .roadmap-feedback .roadmap-btn{flex-shrink:0}@media(max-width:768px){.roadmap-page .roadmap-hero{padding:1.5rem 1rem}.roadmap-page .roadmap-hero-title{font-size:2rem}.roadmap-page .roadmap-hero-actions{flex-direction:column}.roadmap-page .roadmap-hero-actions .roadmap-btn{width:100%;justify-content:center}.roadmap-page .roadmap-content{padding:0 1rem 2rem}.roadmap-page .roadmap-card-header{flex-wrap:wrap;gap:.625rem;padding:1rem}.roadmap-page .roadmap-card-title{font-size:1.0625rem}.roadmap-page .roadmap-card-count{display:none}.roadmap-page .roadmap-card-body{padding:1rem}.roadmap-page .roadmap-feature-list{grid-template-columns:1fr}.roadmap-page .roadmap-alert{clip-path:none}.roadmap-page .roadmap-alert-header{flex-direction:column;align-items:flex-start;gap:.25rem}.roadmap-page .roadmap-stage{flex-direction:column;gap:1rem;clip-path:none}.roadmap-page .roadmap-feedback{flex-direction:column;text-align:center;clip-path:none}.roadmap-page .roadmap-feedback-text{flex-direction:column}.roadmap-page .roadmap-feedback .roadmap-btn{width:100%;justify-content:center}}