.portal-card{background-color:var(--color-surface, var(--color-surface-hex));border:1px solid var(--color-primary-border, var(--color-primary-alpha-24));box-shadow:0 4px 18px -4px oklch(var(--color-primary-l) var(--color-primary-c) var(--color-primary-h) / 0.05);transition:transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease, box-shadow 0.25s ease;}.portal-card:hover{transform:translateY(-2px);border-color:var(--color-primary-border-strong, var(--color-primary-alpha-4d));box-shadow:0 12px 28px -6px oklch(var(--color-primary-l) var(--color-primary-c) var(--color-primary-h) / 0.10);}.timeline-container{position:relative;max-width:860px;margin:0 auto;}.timeline-spine{position:absolute;width:2px;background-color:var(--color-primary-border-strong, var(--color-primary-alpha-38));top:1rem;bottom:1rem;left:1.5rem;transform:translateX(-50%);z-index:0;}.timeline-row{position:relative;display:flex;flex-direction:column;margin-bottom:2rem;}.timeline-row:last-child{margin-bottom:0;}.timeline-node-circle{position:absolute;left:1.5rem;top:1rem;transform:translate(-50%, 0);width:2.25rem;height:2.25rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-family:'Poppins', sans-serif;font-weight:700;font-size:0.8125rem;background-color:var(--color-surface, var(--color-surface-hex));border:2px solid var(--color-primary, var(--color-primary-hex));color:var(--color-primary, var(--color-primary-hex));box-shadow:0 4px 14px -2px oklch(var(--color-primary-l) var(--color-primary-c) var(--color-primary-h) / 0.18);transition:all 0.25s cubic-bezier(0.16, 1, 0.3, 1);z-index:20;}.timeline-row:hover .timeline-node-circle{background-color:var(--color-primary, var(--color-primary-hex));color:var(--color-surface, var(--color-surface-hex));border-color:var(--color-accent, var(--color-accent-hex));transform:translate(-50%, 0) scale(1.08);}.timeline-col{width:100%;padding-left:3.5rem;}.timeline-col-empty{display:none;}.timeline-card{width:100%;}@media (min-width: 768px){.timeline-spine{left:50%;}.timeline-node-circle{left:50%;top:1.25rem;width:2.75rem;height:2.75rem;font-size:0.875rem;}.timeline-row{flex-direction:row;align-items:flex-start;margin-bottom:2.75rem;}.timeline-col{width:50%;display:flex;padding-left:0;}.timeline-col-left{justify-content:flex-end;padding-right:2.5rem;}.timeline-col-right{justify-content:flex-start;padding-left:2.5rem;}.timeline-col-empty{display:flex;}.timeline-card{width:100%;max-width:380px;}}