.roadmap-breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.8rem;color:var(--text-muted)}.roadmap-breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)}.roadmap-breadcrumb a:hover{color:var(--accent-cyan)}.roadmap-breadcrumb-separator{color:rgba(0,212,255,.15);user-select:none}.roadmap-page{padding:3rem 0 4rem;min-height:calc(100vh - 200px)}.roadmap-container{max-width:900px;margin:0 auto;padding:0 20px}.roadmap-header{text-align:center;margin-bottom:3.5rem;padding-bottom:2.5rem;border-bottom:1px solid var(--border-subtle)}.roadmap-title{font-family:var(--font-display);font-size:3rem;font-weight:700;color:var(--text-primary);letter-spacing:-.025em;margin-bottom:1rem}.roadmap-subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:580px;margin:0 auto 2rem;line-height:1.65}.roadmap-subtitle a{color:var(--accent-cyan);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.roadmap-subtitle a:hover{color:var(--accent-gold);text-decoration:underline}.roadmap-legend{display:flex;align-items:center;justify-content:center;gap:1.75rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary);font-weight:500}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-dot--completed{background:var(--accent-green);box-shadow:0 0 8px rgba(46,230,138,.4)}.legend-dot--in-progress{background:var(--accent-gold);box-shadow:0 0 8px rgba(255,211,42,.4);animation:legendPulse 2.5s ease-in-out infinite}.legend-dot--planned{background:var(--accent-cyan);box-shadow:0 0 8px rgba(0,212,255,.3);opacity:.7}@keyframes legendPulse{0%,100%{opacity:1}50%{opacity:.4}}.roadmap-section{margin-bottom:3rem}.section-heading{margin-bottom:1.5rem}.section-title{display:flex;align-items:center;gap:.75rem;font-family:var(--font-display);font-size:1.4rem;font-weight:700;margin:0;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle);letter-spacing:-.01em}.section-title--completed{color:var(--accent-green);border-bottom-color:rgba(46,230,138,.12)}.section-title--in-progress{color:var(--accent-gold);border-bottom-color:rgba(255,211,42,.12)}.section-title--planned{color:var(--accent-cyan);border-bottom-color:rgba(0,212,255,.12)}.section-icon{width:22px;height:22px;fill:currentColor;flex-shrink:0}.timeline{position:relative;padding-left:40px}.timeline::before{content:'';position:absolute;left:15px;top:0;bottom:0;width:2px;background:var(--border-subtle);border-radius:1px}.timeline-item{position:relative;margin-bottom:12px}.timeline-item:last-child{margin-bottom:0}.timeline-marker{position:absolute;left:-40px;top:1.25rem;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1}.timeline-marker svg{width:14px;height:14px;fill:#fff}.timeline-marker--completed{background:var(--accent-green);box-shadow:0 0 12px rgba(46,230,138,.3)}.timeline-marker--in-progress{background:rgba(255,211,42,.1);border:2px solid var(--accent-gold);box-shadow:0 0 12px rgba(255,211,42,.15)}.timeline-marker--planned{background:rgba(0,212,255,.06);border:2px solid rgba(0,212,255,.3)}.timeline-marker--planned svg{width:8px;height:8px;fill:var(--accent-cyan);opacity:.6}.pulse-dot{width:10px;height:10px;background:var(--accent-gold);border-radius:50%;animation:pulse 2.5s ease-in-out infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,211,42,.5)}70%{box-shadow:0 0 0 8px rgba(255,211,42,0)}100%{box-shadow:0 0 0 0 rgba(255,211,42,0)}}.timeline-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem 1.5rem;transition:all var(--transition-base)}.timeline-card:hover{transform:translateX(4px);border-color:var(--border-hover);box-shadow:var(--shadow-sm),0 0 12px rgba(0,212,255,.04)}.timeline-card--active{border-left:3px solid var(--accent-gold)}.timeline-card--active:hover{box-shadow:0 4px 16px rgba(255,211,42,.08)}.timeline-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.timeline-card-title{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:0}.timeline-badge{display:inline-flex;align-items:center;padding:.2rem .625rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.timeline-badge--completed{background:var(--accent-green-dim);color:var(--accent-green);border:1px solid rgba(46,230,138,.15)}.timeline-badge--in-progress{background:var(--accent-gold-dim);color:var(--accent-gold);border:1px solid rgba(255,211,42,.15)}.timeline-badge--planned{background:var(--accent-cyan-dim);color:var(--accent-cyan);border:1px solid rgba(0,212,255,.15)}.timeline-card-description{color:var(--text-secondary);line-height:1.65;margin:0;font-size:.9rem}.timeline-item--planned .timeline-card{opacity:.75}.timeline-item--planned .timeline-card:hover{opacity:1}.roadmap-cta{text-align:center;padding:3rem 2rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);margin-top:3rem;position:relative;overflow:hidden}.roadmap-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 80% at 30% 100%,rgba(0,212,255,.05) 0%,transparent 60%),radial-gradient(ellipse 50% 80% at 70% 100%,rgba(46,230,138,.03) 0%,transparent 60%);pointer-events:none}.roadmap-cta h2{position:relative;font-family:var(--font-display);color:var(--text-primary);font-size:1.5rem;margin-bottom:.75rem;letter-spacing:-.01em}.roadmap-cta p{position:relative;color:var(--text-secondary);margin-bottom:1.5rem;max-width:460px;margin-left:auto;margin-right:auto;line-height:1.6;font-size:.95rem}.roadmap-cta-buttons{position:relative;display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.5rem;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;text-decoration:none;transition:all var(--transition-base);box-sizing:border-box;max-width:100%}.cta-btn--discord{background:#5865f2;color:#fff;border:none}.cta-btn--discord:hover{background:#4752c4;color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 20px rgba(88,101,242,.3)}.cta-btn--discord svg{width:18px;height:18px;fill:currentColor}.cta-btn--contact{background:transparent;color:var(--text-secondary);border:1px solid var(--border-hover)}.cta-btn--contact:hover{color:var(--accent-cyan);background:var(--accent-cyan-dim);text-decoration:none;transform:translateY(-2px)}@media(max-width:768px){.roadmap-page{padding:2rem 0 3rem}.roadmap-title{font-size:2.2rem}.roadmap-subtitle{font-size:.95rem}.roadmap-header{margin-bottom:2.5rem;padding-bottom:2rem}.roadmap-legend{gap:1rem}.timeline{padding-left:32px}.timeline::before{left:11px}.timeline-marker{left:-32px;width:24px;height:24px}.timeline-marker svg{width:12px;height:12px}.timeline-marker--planned svg{width:6px;height:6px}.pulse-dot{width:8px;height:8px}.timeline-card{padding:1rem 1.125rem}.timeline-card:hover{transform:translateY(-2px)}.timeline-card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.timeline-card-description{font-size:.85rem}.section-title{font-size:1.2rem}.roadmap-cta{padding:2rem 1.25rem}.roadmap-cta h2{font-size:1.25rem}.roadmap-cta p{font-size:.875rem}.roadmap-cta-buttons{flex-direction:column;width:100%}.cta-btn{width:100%}}@media(max-width:480px){.roadmap-page{padding:1.5rem 0 2.5rem}.roadmap-title{font-size:1.8rem}.roadmap-subtitle{font-size:.9rem}.roadmap-header{margin-bottom:2rem;padding-bottom:1.5rem}.timeline{padding-left:28px}.timeline::before{left:9px}.timeline-marker{left:-28px;width:20px;height:20px}.timeline-card-title{font-size:.975rem}.timeline-badge{font-size:.65rem}.roadmap-section{margin-bottom:2rem}.roadmap-cta{padding:1.5rem 1rem;margin-top:2rem}}