@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

.section { animation: fadeIn 0.4s ease-out forwards; }

.timeline-item { opacity: 0; animation: fadeIn 0.4s ease-out forwards; }
.timeline-item:nth-child(1) { animation-delay: 0.1s; }
.timeline-item:nth-child(2) { animation-delay: 0.2s; }
.timeline-item:nth-child(3) { animation-delay: 0.3s; }
.timeline-item:nth-child(4) { animation-delay: 0.4s; }

.card-item { opacity: 0; animation: fadeIn 0.4s ease-out forwards; }
.card-item:nth-child(1) { animation-delay: 0.1s; }
.card-item:nth-child(2) { animation-delay: 0.2s; }
.card-item:nth-child(3) { animation-delay: 0.3s; }

.paper-card { opacity: 0; animation: fadeIn 0.4s ease-out forwards; }
.paper-card:nth-child(1) { animation-delay: 0.05s; }
.paper-card:nth-child(2) { animation-delay: 0.1s; }
.paper-card:nth-child(3) { animation-delay: 0.15s; }
.paper-card:nth-child(4) { animation-delay: 0.2s; }

.fc-action i { transition: transform 0.2s; display: inline-block; }
.featured-card:hover .fc-action i { transform: translateX(5px); }

.hud-item { opacity: 0; animation: fadeIn 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.hud-item:nth-child(1) { animation-delay: 0.1s; }
.hud-item:nth-child(2) { animation-delay: 0.2s; }
.hud-item:nth-child(3) { animation-delay: 0.3s; }
.hud-item:nth-child(4) { animation-delay: 0.4s; }
.hud-item:nth-child(5) { animation-delay: 0.5s; }