.timeline-line{position:absolute;top:0;bottom:0;width:1px;background-color:#e2e8f0}.timeline-dot{position:absolute;top:50%;z-index:10;width:1rem;height:1rem;border-radius:9999px;background-color:var(--color-primary, #4f46e5);box-shadow:0 0 0 8px #f8fafc}.timeline-dot-desktop{left:50%;display:none;transform:translate(-50%,-50%)}@media(min-width:768px){.timeline-dot-desktop{display:block}}.timeline-dot-mobile{inset-inline-start:1.25rem;transform:translateY(-50%)}[dir=rtl] .timeline-dot-mobile{transform:translate(50%,-50%)}[dir=ltr] .timeline-dot-mobile{transform:translate(-50%,-50%)}@media(min-width:768px){.timeline-dot-mobile{display:none}}.timeline-card{position:relative;overflow:hidden;border-radius:1.5rem;border:1px solid #e2e8f0;background-color:#fff;padding:1.5rem;box-shadow:0 4px 6px -1px #cbd5e180,0 2px 4px -2px #cbd5e180;transition-property:transform,box-shadow;transition-duration:.3s;transition-timing-function:ease-out}.timeline-card:hover{transform:translateY(-.25rem);box-shadow:0 20px 25px -5px #c7d2feb3,0 8px 10px -6px #c7d2feb3}.timeline-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(99,102,241,.05),transparent 45%);opacity:0;transition:opacity .35s ease;pointer-events:none}.timeline-card:hover:before{opacity:1}.timeline-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.timeline-title{font-size:1.125rem;line-height:1.75rem;font-weight:700;color:#1e293b;transition:color .3s ease}.timeline-card:hover .timeline-title{color:var(--color-primary, #4f46e5)}.timeline-date{white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--color-primary, #4f46e5)}.timeline-description{margin-top:.75rem;font-size:.875rem;line-height:1.75rem;color:#475569}