/* Five milestone cards only: the same six discrete brand colors as the story card. */
#registration-timeline .timeline-node{position:relative;z-index:0}
#registration-timeline .timeline-node__card{
  border:2px solid transparent;
  background:linear-gradient(#10382d,#10382d) padding-box,conic-gradient(from -90deg,#2ed66f 0deg 60deg,#ffbb38 60deg 120deg,#12b9f1 120deg 180deg,#6756f5 180deg 240deg,#ff7838 240deg 300deg,#ff3757 300deg 360deg) border-box;
  box-shadow:0 6px 18px rgba(0,0,0,.16);
  transform-origin:center;
  transition:transform 220ms ease,box-shadow 220ms ease;
}
#registration-timeline .timeline-node.is-timeline-focused{z-index:2}
#registration-timeline .timeline-node.is-timeline-focused .timeline-node__card{transform:scale(1.025);box-shadow:0 12px 28px rgba(0,0,0,.32)}
#registration-timeline .timeline-node:focus-visible{outline:none}
#registration-timeline .timeline-node:focus-visible .timeline-node__card{outline:2px solid #f6f6ee;outline-offset:4px}
@media(prefers-reduced-motion:reduce){
  #registration-timeline .timeline-node__card{transition:none}
  #registration-timeline .timeline-node.is-timeline-focused .timeline-node__card{transform:none}
}