#eventsTimeline{position:relative}#eventsTimeline>div:not(:last-child):after{content:"";position:absolute;left:29px;top:52px;bottom:-24px;width:2px;background:linear-gradient(to bottom,#16a34a,#22c55e,#4ade80);border-radius:1px;z-index:1;opacity:.7}#eventsTimeline>div{position:relative;z-index:2}#eventsTimeline .flex-shrink-0{background:linear-gradient(135deg,#16a34a,#22c55e);border:4px solid white;box-shadow:0 4px 12px #16a34a4d,0 0 0 4px #16a34a1a;transition:all .3s ease}#eventsTimeline .flex-shrink-0:hover{transform:scale(1.1);box-shadow:0 6px 16px #16a34a66,0 0 0 6px #16a34a26}#eventsTimeline>div{opacity:0;transform:translate(-20px);animation:slideInLeft .6s ease forwards}#eventsTimeline>div:nth-child(1){animation-delay:.1s}#eventsTimeline>div:nth-child(2){animation-delay:.3s}#eventsTimeline>div:nth-child(3){animation-delay:.5s}#eventsTimeline>div:nth-child(4){animation-delay:.7s}#eventsTimeline>div:nth-child(5){animation-delay:.9s}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}#eventsTimeline .card-hover{transition:all .3s ease;position:relative;overflow:hidden}#eventsTimeline .card-hover:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#16a34a,transparent);transition:left .5s ease}#eventsTimeline .card-hover:hover:before{left:100%}@media (max-width: 768px){#eventsTimeline>div:not(:last-child):after{left:21px;top:44px}#eventsTimeline>div{gap:1rem;margin-bottom:1.5rem}#eventsTimeline .flex-shrink-0{width:3rem;height:3rem}}#eventsTimeline .bg-green-100{background-color:#dcfce7;color:#166534}#eventsTimeline .bg-gray-100:hover{background-color:#f3f4f6;transform:translateY(-1px)}#eventsTimeline a.inline-flex{transition:all .2s ease;position:relative;overflow:hidden}#eventsTimeline a.inline-flex:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}#eventsTimeline a.inline-flex:hover:before{left:100%}#eventsTimeline a.inline-flex:active{transform:scale(.95)}