:root{--primary-color:#2563eb;--primary-light:#eff6ff;--primary-border:#bfdbfe;--text-main:#0f172a;--text-muted:#64748b;--bg-card:#fff;--bg-container:#f8fafc;--line-color:#e2e8f0;--card-shadow:0 4px 20px -2px #0f172a0d;--card-shadow-hover:0 12px 28px -4px #2563eb1f}.milestone-section{background-color:var(--bg-container);color:var(--text-main);padding:80px 0}.milestone-container{max-width:1400px;margin:0 auto;padding:0}.milestone-header{justify-content:space-between;align-items:flex-end;margin-bottom:48px;display:flex}.milestone-tagline{color:var(--primary-color);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.875rem;font-weight:700;display:block}.milestone-heading{color:var(--text-main);letter-spacing:-.02em;margin:0;font-size:2.25rem;font-weight:800}.milestone-controls{gap:12px;display:flex}.control-btn{background:var(--bg-card);width:44px;height:44px;color:var(--text-main);cursor:pointer;border:1px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.control-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-light);transform:translateY(-2px)}.timeline-wrapper{scroll-behavior:smooth;scrollbar-width:none;padding:20px 0 40px;display:flex;overflow-x:auto}.timeline-wrapper::-webkit-scrollbar{display:none}.timeline-track{align-items:stretch;display:flex;position:relative}.timeline-item{cursor:pointer;flex-direction:column;flex-shrink:0;width:320px;padding-right:32px;display:flex}.timeline-node-container{align-items:center;margin-bottom:24px;display:flex;position:relative}.timeline-circle-node{background:var(--bg-card);z-index:2;border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.timeline-icon{color:var(--text-muted);transition:color .3s}.timeline-connector-line{background-color:var(--line-color);z-index:1;height:2px;position:absolute;left:48px;right:-32px}.timeline-item:last-child .timeline-connector-line{display:none}.timeline-card{background:var(--bg-card);box-shadow:var(--card-shadow);border:1px solid #f1f5f9;border-radius:16px;flex-direction:column;flex-grow:1;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.timeline-year{color:var(--primary-color);background:var(--primary-light);border-radius:20px;align-self:flex-start;margin-bottom:12px;padding:4px 12px;font-size:.875rem;font-weight:700;display:inline-block}.timeline-title{color:var(--text-main);margin:0 0 8px;font-size:1.125rem;font-weight:700;line-height:1.4}.timeline-desc{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.6}.timeline-item:hover .timeline-card{box-shadow:var(--card-shadow-hover);border-color:var(--primary-border);transform:translateY(-6px)}.timeline-item:hover .timeline-circle-node,.timeline-item.active .timeline-circle-node{border-color:var(--primary-color);background:var(--primary-color);box-shadow:0 0 0 6px #2563eb26}.timeline-item:hover .timeline-icon,.timeline-item.active .timeline-icon{color:#fff}.timeline-item.active .timeline-card{border-color:var(--primary-color);box-shadow:var(--card-shadow-hover)}@media (max-width:768px){.milestone-section{padding:40px 0}.milestone-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:32px}.timeline-item{width:270px;padding-right:20px}.timeline-connector-line{right:-20px}.milestone-container{padding:0 16px}.milestone-heading{font-size:1.75rem}.timeline-wrapper{margin-right:-16px;padding-right:16px}.timeline-item{width:min(270px,100vw - 48px)}}@media (max-width:420px){.milestone-header{align-items:stretch}.milestone-controls{align-self:flex-end}.timeline-card{padding:20px}}