.experience-timeline{position:relative}.timeline-container,.timeline-scroll-container{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:hsl(var(--primary)) hsl(var(--muted) / .3);position:relative;overflow:auto hidden}.timeline-scroll-container::-webkit-scrollbar{background:0 0;height:12px}.timeline-scroll-container::-webkit-scrollbar-track{background:linear-gradient(90deg, hsl(var(--primary) / .2) 0%, hsl(var(--muted) / .2) 50%, hsl(var(--muted) / .1) 100%);border-radius:6px}.timeline-scroll-container::-webkit-scrollbar-thumb{background:linear-gradient(90deg, hsl(var(--primary)) 0%, hsl(var(--primary) / .8) 100%);background-clip:content-box;border:2px solid #0000;border-radius:6px}.timeline-scroll-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg, hsl(var(--primary) / .9) 0%, hsl(var(--primary) / .7) 100%);background-clip:content-box}.timeline-container:before{content:"";background:linear-gradient(90deg, hsl(var(--primary) / .05) 0%, transparent 15%, transparent 85%, hsl(var(--muted) / .1) 100%);pointer-events:none;z-index:1;border-radius:inherit;position:absolute;inset:0}.timeline-container>*{z-index:2;position:relative}.timeline-container::-webkit-scrollbar{background:0 0;height:12px}.timeline-container::-webkit-scrollbar-track{background:linear-gradient(90deg, hsl(var(--primary) / .2) 0%, hsl(var(--muted) / .2) 50%, hsl(var(--muted) / .1) 100%);border-radius:6px;margin:0 8px}.timeline-container::-webkit-scrollbar-thumb{background:linear-gradient(90deg, hsl(var(--primary)), hsl(var(--primary) / .8), hsl(var(--primary) / .6));box-shadow:0 2px 4px hsl(var(--primary) / .2);background-clip:content-box;border:2px solid #0000;border-radius:6px;transition:all .3s}.timeline-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg, hsl(var(--primary) / .9), hsl(var(--primary) / .7), hsl(var(--primary) / .5));box-shadow:0 4px 8px hsl(var(--primary) / .3);transform:scaleY(1.2)}.timeline-track{align-items:start;gap:1rem;min-width:max-content;padding:1rem;display:flex;position:relative}.timeline-month{flex-direction:column;align-items:center;min-width:120px;display:flex;position:relative}.timeline-point{z-index:2;background:hsl(var(--background));border:2px solid;border-radius:50%;width:16px;height:16px;transition:all .3s;position:relative}.timeline-point.active{box-shadow:0 0 0 4px hsl(var(--primary) / .2);transform:scale(1.2)}.timeline-line{background:linear-gradient(to right, hsl(var(--muted)) 0%, hsl(var(--primary)) 20%, hsl(var(--primary)) 80%, hsl(var(--muted)) 100%);z-index:1;height:2px;position:absolute;top:80px;left:0;right:0}.experience-card{cursor:pointer;width:280px;transition:all .3s;position:relative}.experience-card:hover{box-shadow:0 8px 25px -8px hsl(var(--foreground) / .1);transform:translateY(-2px)}.experience-card.highlighted{box-shadow:0 12px 35px -8px hsl(var(--primary) / .3);border:2px solid hsl(var(--primary));transform:translateY(-4px)scale(1.02)}.company-logo{background:hsl(var(--primary));width:40px;height:40px;color:hsl(var(--primary-foreground));border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.experience-details{margin-top:2rem;animation:.5s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.detail-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:8px;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s}.detail-card:hover{border-color:hsl(var(--primary) / .3);box-shadow:0 4px 15px -4px hsl(var(--foreground) / .1)}.company-logo-large{background:hsl(var(--primary));width:64px;height:64px;color:hsl(var(--primary-foreground));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.responsibility-item,.learning-item{align-items:flex-start;margin-bottom:.5rem;display:flex}.responsibility-dot{background:hsl(var(--primary));border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:8px;margin-right:12px}.learning-dot{background:#16a249;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:8px;margin-right:12px}.experience-bar{border:2px solid #0000;transition:all .3s cubic-bezier(.4,0,.2,1)}.experience-bar:hover{border-color:#ffffff4d;box-shadow:0 8px 25px -8px #0006}.experience-bar.active{border-color:#ffffff80;box-shadow:0 12px 35px -8px #00000080}.timeline-grid-line{background:linear-gradient(to bottom, transparent 0%, hsl(var(--border)) 30%, hsl(var(--border)) 70%, transparent 100%)}@media (max-width:768px){.experience-card{width:240px}.timeline-month{min-width:100px}.company-logo{width:36px;height:36px;font-size:12px}.company-logo-large{width:56px;height:56px;font-size:16px}}@media print{.timeline-container{overflow:visible}.experience-card,.detail-card{page-break-inside:avoid}}