.milestonesPage{min-height:100vh;background:var(--color-background);font-family:var(--font-mono);padding:calc(72px + 2rem) 2rem 2rem}@media(max-width:768px){.milestonesPage{padding:calc(64px + 1rem) 1rem 1rem}}.pageHeader{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#111;color:#e5e5e5;margin-bottom:2rem;max-width:1200px;margin-left:auto;margin-right:auto}.pageHeader .headerLeft{display:flex;align-items:center;gap:.75rem}.pageHeader .headerLabel{font-size:.75rem;letter-spacing:.15em;font-weight:600}.pageHeader .headerDivider{opacity:.3}.pageHeader .headerStatus{font-size:.7rem;letter-spacing:.1em;color:#6cff6c}.pageHeader .headerRight{display:flex;align-items:baseline;gap:.5rem}.pageHeader .completedCount{font-size:1.25rem;font-weight:600;color:#6cff6c}.pageHeader .completedLabel{font-size:.65rem;letter-spacing:.1em;opacity:.7}.introSection{max-width:1200px;margin:0 auto 2rem;padding:1rem 1.5rem;background:#e5e5e5;border-left:3px solid #111}.introSection .introContent{display:flex;gap:.75rem}.introSection .prompt{color:#6cff6c;font-weight:600}.introSection .introText{font-size:.85rem;letter-spacing:.02em;line-height:1.6;color:#333}.milestonesGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}@media(max-width:768px){.milestonesGrid{grid-template-columns:1fr}}.milestoneCard{background:#e5e5e5;border:1px solid rgba(0,0,0,.1);padding:1.5rem;transition:all .15s ease;background-image:repeating-linear-gradient(rgba(0,0,0,.02) 1px,transparent 0),repeating-linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 0);background-size:20px 20px;background-color:#e5e5e5}.milestoneCard:hover{border-color:rgba(0,0,0,.3)}.milestoneCard.completed{border-left:4px solid #6cff6c}.milestoneCard.completed .milestoneIcon{opacity:1}.milestoneCard.completed .progressFill{background:#6cff6c}.milestoneHeader{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #111}.milestoneIcon{font-size:1.5rem;opacity:.8}.milestoneTitle{flex:1;font-size:1rem;text-transform:uppercase}.completedBadge,.milestoneTitle{font-weight:600;letter-spacing:.1em}.completedBadge{font-size:.65rem;padding:.3rem .6rem;background:#6cff6c;color:#111}.milestoneDescription{font-size:.85rem;line-height:1.5;color:#444;margin-bottom:1.25rem}.progressSection{margin-bottom:1rem}.progressBar{height:8px;background:rgba(0,0,0,.1);margin-bottom:.5rem;overflow:hidden}.progressFill{height:100%;background:#111;transition:width .5s ease}.progressStats{display:flex;align-items:baseline;gap:.25rem;font-size:.8rem}.progressCurrent{font-weight:600;color:#111}.progressDivider{opacity:.5}.progressTarget{opacity:.7}.progressPercent{margin-left:.5rem;font-size:.7rem;opacity:.6}.rewardSection{display:flex;gap:.5rem;padding:.75rem;background:rgba(0,0,0,.05);margin-top:1rem}.rewardLabel{font-size:.7rem;letter-spacing:.1em;font-weight:600;color:#666}.rewardText{font-size:.8rem;color:#333}.completedAt{margin-top:.75rem;font-size:.7rem;letter-spacing:.05em;color:#666;font-style:italic}.ctaSection{max-width:1200px;margin:3rem auto 0;padding:1.5rem;background:#111;color:#e5e5e5}.ctaSection .ctaContent{display:flex;gap:.75rem}.ctaSection .ctaPrompt{color:#6cff6c;font-weight:600}.ctaSection .ctaText{font-size:.85rem;letter-spacing:.02em;line-height:1.5}