.roadmap-page{max-width:1080px;padding-top:125px;padding-bottom:100px}.article-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:32px;color:var(--text-muted);font-size:.8rem;font-weight:700;text-decoration:none}.article-back:hover{color:var(--primary)}.roadmap-hero{display:grid;grid-template-columns:1.4fr .6fr;gap:45px;align-items:end;padding:55px;border:1px solid var(--card-border);border-radius:20px;background:radial-gradient(circle at 85% 10%,rgba(124,58,237,.18),transparent 32%),linear-gradient(145deg,rgba(10,20,38,.96),rgba(5,9,22,.96))}.roadmap-hero h1{margin:8px 0 22px;font-size:clamp(2.8rem,6vw,5.2rem);line-height:1;letter-spacing:-.055em}.article-lead{max-width:730px;color:var(--text-muted);font-size:1.12rem;line-height:1.75}.article-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.article-meta span{padding:7px 10px;border:1px solid var(--card-border);border-radius:99px;color:var(--text-muted);font-size:.68rem}.roadmap-hero aside{padding:24px;border-left:3px solid var(--primary);background:rgba(0,212,255,.06)}.roadmap-hero aside strong{color:var(--primary);font-size:.66rem;letter-spacing:.14em}.roadmap-hero aside p{margin:8px 0 0;font-weight:600;line-height:1.6}.roadmap-intro{max-width:820px;margin:70px auto}.roadmap-intro h2,.weekly-plan h2,.avoid-section h2{font-size:clamp(1.8rem,4vw,2.8rem)}.roadmap-intro p,.avoid-section li{color:var(--text-muted);line-height:1.85}.article-toc{padding:28px 34px;border:1px solid var(--card-border);border-radius:14px;background:var(--card-bg)}.article-toc>strong{color:var(--primary);font-size:.7rem;letter-spacing:.14em}.article-toc ol{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 25px;margin:20px 0 0;padding-left:20px}.article-toc a{color:var(--text-main);text-decoration:none;font-size:.8rem}.article-toc a:hover{color:var(--primary)}.roadmap-stages{margin-top:35px}.roadmap-stage{display:grid;grid-template-columns:75px 1fr;gap:25px;padding:48px 0;border-bottom:1px solid var(--card-border);scroll-margin-top:100px}.stage-number{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(0,212,255,.35);border-radius:15px;background:rgba(0,212,255,.07);color:var(--primary);font-size:1.1rem;font-weight:800}.stage-time{margin:0;color:var(--primary);font-size:.66rem;font-weight:800;letter-spacing:.14em}.roadmap-stage h2{margin:7px 0 14px;font-size:clamp(1.7rem,4vw,2.6rem)}.roadmap-stage>div>p:not(.stage-time){color:var(--text-muted);line-height:1.8}.stage-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.stage-columns>div{padding:23px;border:1px solid var(--card-border);border-radius:12px;background:rgba(17,24,39,.45)}.stage-columns h3{margin-top:0;font-size:1rem}.stage-columns li,.stage-columns p{color:var(--text-muted);font-size:.8rem;line-height:1.7}.stage-columns ul{padding-left:18px}.weekly-plan{padding:75px 0}.weekly-plan>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.weekly-plan article{padding:22px;border:1px solid var(--card-border);border-radius:12px;background:var(--card-bg)}.weekly-plan b{color:var(--primary)}.weekly-plan h3{margin:10px 0 5px}.weekly-plan article p{color:var(--text-muted);font-size:.75rem;line-height:1.65}.avoid-section{padding:40px;border:1px solid rgba(248,113,113,.2);border-radius:15px;background:rgba(127,29,29,.08)}.avoid-section li{margin:8px 0}.article-cta{margin-top:75px;padding:50px;border-radius:18px;background:linear-gradient(125deg,#075985,#4338ca)}.article-cta h2{max-width:800px;font-size:clamp(2rem,4vw,3.2rem)}.article-cta>p:not(.eyebrow){max-width:760px;color:#dbeafe;line-height:1.75}.article-cta>div{display:flex;gap:12px;margin-top:25px}@media(max-width:850px){.roadmap-hero{grid-template-columns:1fr;padding:35px}.article-toc ol{grid-template-columns:repeat(2,1fr)}.weekly-plan>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.roadmap-page{padding-top:105px}.roadmap-hero{padding:27px}.roadmap-stage{grid-template-columns:1fr}.stage-columns,.article-toc ol,.weekly-plan>div{grid-template-columns:1fr}.article-cta{padding:32px 24px}.article-cta>div{display:grid}.article-cta .btn{width:100%}}