@keyframes float {
      0%, 100% { transform: translate(0, 0); }
      50% { transform: translate(30px, -30px); }
    }

    @keyframes fade-in {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }

    @keyframes pulse-ring {
      0%, 100% { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.7); }
      50% { box-shadow: 0 0 0 10px rgba(245, 158, 11, 0); }
    }

    .orb {
      position: absolute;
      width: 500px;
      height: 500px;
      background: radial-gradient(circle, rgba(99, 102, 241, 0.15) 0%, transparent 70%);
      filter: blur(60px);
      animation: float 20s infinite ease-in-out;
    }

    .orb-1 { top: -200px; right: -100px; }
    .orb-2 { bottom: -200px; left: -100px; animation-delay: -10s; }

    .glass {
      background: rgba(21, 27, 43, 0.5);
      backdrop-filter: blur(20px);
    }

    .fade-in {
      animation: fade-in 0.6s ease-out forwards;
    }

    .pulse-badge {
      animation: pulse-ring 2s infinite;
    }