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

.card, .section-title, .hero-content{opacity:1}

.loader{display:flex;align-items:center;gap:10px}
.spinner{
  width:18px;height:18px;border-radius:50%;
  border:2px solid rgb(250, 246, 246);
  border-top-color: var(--brand);
  animation:spin .8s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg)}}