.timeline{position:relative;max-width:1000px;margin:4rem auto;padding-left:50px}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--primary),var(--accent-cyan),var(--accent-pink));box-shadow:0 0 15px var(--primary-glow)}.timeline-item{position:relative;margin-bottom:6rem}.timeline-dot{position:absolute;left:-58px;top:0;width:18px;height:18px;background:#fff;border:4px solid var(--primary);border-radius:50%;box-shadow:0 0 20px var(--primary);z-index:2}.timeline-era{font-family:Fira Code,monospace;font-size:.8rem;color:var(--primary);text-transform:uppercase;margin-bottom:.5rem;display:block;letter-spacing:.2em}.timeline-title{font-size:2.2rem;font-weight:900;margin-bottom:1.5rem}.timeline-content{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:24px;padding:2.5rem;backdrop-filter:blur(10px);line-height:1.7;color:var(--text-secondary)}.timeline-content strong{color:#fff}.era-active .timeline-dot{background:var(--accent-cyan);border-color:#fff}