.glass-timeline{position:relative;padding:2rem 0}.timeline-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(180deg,rgba(255,0,0,.2),rgba(255,0,0,.8),rgba(255,0,0,.2));transform:translateX(-50%)}.timeline-entry{position:relative;margin-bottom:4rem;width:100%}.timeline-entry.left{padding-right:calc(50% + 2rem)}.timeline-entry.right{padding-left:calc(50% + 2rem);margin-left:auto}.timeline-year-badge{position:absolute;top:0;background:rgba(0,0,0,.7);border:1px solid rgba(255,0,0,.5);color:#fff;padding:.5rem 1rem;border-radius:9999px;font-weight:700;z-index:10;box-shadow:0 0 15px rgba(255,0,0,.3)}.timeline-entry.left .timeline-year-badge{right:calc(50% + 1rem);transform:translateX(50%)}.timeline-entry.right .timeline-year-badge{left:calc(50% + 1rem);transform:translateX(-50%)}.timeline-card{position:relative;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;padding:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:all .3s ease}.timeline-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px rgba(0,0,0,.2);border-color:rgba(255,0,0,.3)}.timeline-icon-wrapper{position:absolute;width:40px;height:40px;background:rgba(0,0,0,.7);border:2px solid rgba(255,0,0,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10}.timeline-entry.left .timeline-icon-wrapper{right:0;top:0;transform:translate(50%,-50%)}.timeline-entry.right .timeline-icon-wrapper{left:0;top:0;transform:translate(-50%,-50%)}.timeline-icon{display:flex;align-items:center;justify-content:center}.timeline-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.timeline-description{color:hsla(0,0%,100%,.7);font-size:.875rem}@media (max-width:768px){.timeline-line{left:2rem}.timeline-entry.left,.timeline-entry.right{padding-left:4rem;padding-right:0}.timeline-entry.left .timeline-year-badge,.timeline-entry.right .timeline-year-badge{left:2rem;right:auto;transform:translateX(-50%)}.timeline-entry.left .timeline-icon-wrapper,.timeline-entry.right .timeline-icon-wrapper{left:2rem;right:auto;transform:translate(-50%,-50%)}}