/* Disable animations & transitions during first paint */
.floating-shape,
.math-symbol,
.animate,
[data-animate],
[class*="animate-"] {
  animation: none !important;
  transition: none !important;
}

/* Optional: disable heavy effects */
.hero,
.card,
.box {
  box-shadow: none;
  filter: none;
}

/* Enable everything after page load */
body.loaded .floating-shape,
body.loaded .math-symbol,
body.loaded .animate,
body.loaded [data-animate],
body.loaded [class*="animate-"] {
  animation: float 12s infinite ease-in-out;
  transition: all 0.3s ease;
}

body.loaded .hero,
body.loaded .card,
body.loaded .box {
  box-shadow: 0 20px 50px rgba(0,0,0,0.15);
  filter: none;
}