/* Cr1stalik Portfolio 3.0 — roadmap page */
.roadmap-main{width:min(1120px,90%);margin:0 auto;padding:42px 0 30px}
.roadmap-back{display:inline-block;margin-bottom:42px;color:var(--muted);text-decoration:none;font-size:.82rem;transition:color .2s}
.roadmap-back:hover{color:var(--text)}
.roadmap-hero{max-width:790px;padding:25px 0 68px}
.roadmap-status{display:inline-flex;align-items:center;gap:9px;margin:12px 0 22px;padding:7px 11px;border:1px solid rgba(120,228,232,.2);border-radius:99px;background:rgba(120,228,232,.055);color:#a7e8e8;font:500 .65rem 'JetBrains Mono',monospace;letter-spacing:.04em}
.roadmap-status span,.roadmap-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#78e4c1;box-shadow:0 0 12px rgba(120,228,193,.35)}
.roadmap-hero h1{margin-bottom:18px;font:700 clamp(2.7rem,7vw,5rem)/1.05 'Space Grotesk',sans-serif;letter-spacing:-.065em}
.roadmap-hero>p{max-width:680px;color:var(--muted);line-height:1.9}
.roadmap-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;color:var(--subtle);font:500 .61rem 'JetBrains Mono',monospace;letter-spacing:.05em}
.roadmap-section{margin:0 0 68px}
.roadmap-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}
.roadmap-heading h2,.roadmap-note h2{font:600 clamp(1.55rem,3vw,2.1rem)/1.2 'Space Grotesk',sans-serif;letter-spacing:-.045em}
.roadmap-count{padding:6px 9px;border:1px solid var(--line);border-radius:7px;color:var(--subtle);font:500 .58rem 'JetBrains Mono',monospace;white-space:nowrap}
.roadmap-count-active{color:#a7e8e8;border-color:rgba(120,228,232,.2)}
.roadmap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.roadmap-card{min-width:0;padding:23px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(22,27,49,.66),rgba(13,16,30,.55));transition:transform .2s,border-color .2s}
.roadmap-card:hover{transform:translateY(-3px);border-color:var(--line-hover)}
.roadmap-card-top{display:flex;align-items:center;gap:9px;margin-bottom:17px;color:var(--subtle);font:500 .59rem 'JetBrains Mono',monospace;letter-spacing:.06em}
.roadmap-card h3,.roadmap-item h3{margin-bottom:8px;font:600 1.02rem 'Space Grotesk',sans-serif}
.roadmap-card p,.roadmap-item p,.roadmap-note p{color:var(--muted);font-size:.84rem;line-height:1.85}
.roadmap-dot-planned{background:#9a8bbf;box-shadow:none}
.roadmap-list{border-top:1px solid var(--line)}
.roadmap-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:16px;align-items:start;padding:23px 4px;border-bottom:1px solid var(--line)}
.roadmap-index{color:var(--purple);font:500 .72rem 'JetBrains Mono',monospace;padding-top:3px}
.roadmap-state{margin-top:2px;padding:5px 8px;border-radius:7px;font:500 .58rem 'JetBrains Mono',monospace;white-space:nowrap}
.state-active{color:#a7e8e8;background:rgba(120,228,232,.08);border:1px solid rgba(120,228,232,.16)}
.state-next{color:#c6b5ff;background:rgba(167,139,250,.07);border:1px solid rgba(167,139,250,.15)}
.roadmap-note{display:flex;align-items:flex-start;gap:18px;margin:10px 0 55px;padding:25px;border-radius:18px}
.roadmap-note-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid rgba(167,139,250,.2);border-radius:11px;color:#c6b5ff;background:rgba(167,139,250,.08)}
.roadmap-note h2{margin:0 0 7px;font-size:1.1rem}
@media(max-width:650px){.roadmap-main{padding-top:25px}.roadmap-back{margin-bottom:28px}.roadmap-hero{padding:15px 0 48px}.roadmap-section{margin-bottom:52px}.roadmap-grid{grid-template-columns:1fr}.roadmap-card{padding:20px}.roadmap-heading{align-items:start;flex-direction:column;gap:10px}.roadmap-item{grid-template-columns:28px minmax(0,1fr);gap:10px}.roadmap-state{grid-column:2;justify-self:start;margin-top:-3px}.roadmap-meta{flex-direction:column;gap:7px}.roadmap-note{padding:20px;gap:13px}}
@media(prefers-reduced-motion:reduce){.roadmap-card{transition:none}.roadmap-card:hover{transform:none}}