@keyframes dl-spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}
@keyframes dl-fadein {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}
.dl-spinner {
  width: 72px; height: 72px;
  border: 5px solid #e2e8f0;
  border-top-color: #667eea;
  border-radius: 50%;
  margin: 0 auto;
  animation: dl-spin 1s linear infinite;
}
.dl-fade-1 { opacity: 0; animation: dl-fadein .5s ease 0.3s forwards; }
.dl-fade-2 { opacity: 0; animation: dl-fadein .5s ease 1.5s forwards; }
.dl-fade-3 { opacity: 0; animation: dl-fadein .5s ease 5.0s forwards; }
.dl-fade-4 { opacity: 0; animation: dl-fadein .5s ease 10.0s forwards; }