.flip-card{background-color:transparent;width:160px;height:160px;perspective:1000px;cursor:pointer}.flip-card.large{width:200px;height:200px}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:50%}.flip-card-back{transform:rotateY(180deg)}.timeline-container{position:relative;padding-left:50px}.timeline-container:before{content:"";position:absolute;left:20px;top:10px;bottom:10px;width:2px;background-color:hsl(var(--border));transform:translateX(-50%)}.timeline-item{position:relative;margin-bottom:20px}.timeline-item:last-child{margin-bottom:0}.timeline-icon-container{position:absolute;left:-32px;top:22px;z-index:10}.timeline-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px)}.timeline-trigger{padding:0!important;width:100%}.timeline-trigger svg{margin-left:1rem}.timeline-trigger[data-state=open]>.timeline-content{border-color:hsl(var(--primary));box-shadow:0 4px 20px hsl(var(--primary)/.1)}.timeline-trigger[data-state=open] svg{transform:rotate(180deg)}.timeline-content{position:relative;width:100%;padding:1rem;background-color:hsl(var(--card)/.6);border-radius:var(--radius);border:1px solid hsl(var(--border));transition:all .3s ease}.timeline-trigger:hover .timeline-content{border-color:hsl(var(--primary));transform:translateY(-2px);box-shadow:0 4px 20px hsl(var(--primary)/.1)}.timeline-details-content{position:relative;padding:1rem 1rem 1rem 1.5rem;margin-top:-.5rem;border-left:2px solid hsl(var(--primary)/.5);background-color:hsl(var(--background)/.5);border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}