.tilt-card {
  transition: transform 0.1s ease;
  transform-style: preserve-3d;
  will-change: transform;
}
.tilt-card .tilt-content {
  transform: translateZ(30px);
}
.parallax-container {
  perspective: 1px;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.parallax-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.parallax-layer-back {
  transform: translateZ(-1px) scale(2);
}
.parallax-layer-front {
  transform: translateZ(0);
}
.floating-element {
  animation: float 3s ease-in-out infinite;
}
.floating-element-delayed {
  animation: float 4s ease-in-out infinite 1s;
}
.perspective-container {
  perspective: 1000px;
}
.rotate-hover {
  transition: transform 0.3s ease;
}
.rotate-hover:hover {
  transform: rotateY(10deg) rotateX(5deg);
}
.glow-effect {
  position: relative;
  overflow: hidden;
}
.glow-effect::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255, 107, 53, 0.1) 0%, transparent 70%);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.glow-effect:hover::before {
  opacity: 1;
}
.card-3d {
  transform-style: preserve-3d;
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.card-3d:hover {
  transform: rotateY(5deg) rotateX(5deg);
}
.card-3d .card-3d-front {
  backface-visibility: hidden;
}
.card-3d .card-3d-icon {
  transform: translateZ(20px);
}
.depth-layer {
  position: relative;
}
.depth-layer-1 { transform: translateZ(-10px) scale(0.95); }
.depth-layer-2 { transform: translateZ(0) scale(1); }
.depth-layer-3 { transform: translateZ(10px) scale(1.05); }