/* Floating orbs */ .orb { position: fixed; border-radius: 50%; filter: blur(80px); pointer-events: none; z-index: 0; animation: orbFloat 12s ease-in-out infinite; } .orb-1 { width: 300px; height: 300px; background: rgba(232,164,36,0.08); top: -100px; left: -50px; animation-delay: 0s; } .orb-2 { width: 250px; height: 250px; background: rgba(212,83,43,0.06); bottom: -80px; right: -60px; animation-delay: -4s; } .orb-3 { width: 200px; height: 200px; background: rgba(232,164,36,0.04); top: 50%; right: 10%; animation-delay: -8s; }