body {
        font-family: "Plus Jakarta Sans", sans-serif;
        overflow-x: hidden;
      }
      :root {
        --brand-purple: #6d28d9;
        --brand-light: #f5f3ff;
        --brand-accent: #8b5cf6;
      }
      .bg-brand-purple {
        background-color: var(--brand-purple);
      }
      .text-brand-purple {
        color: var(--brand-purple);
      }
      .glass-nav {
        background: rgba(255, 255, 255, 0.8);
        backdrop-filter: blur(15px);
        border-bottom: 1px solid rgba(109, 40, 217, 0.1);
      }
      .hero-bg {
        background: radial-gradient(
          circle at 80% 20%,
          #f5f3ff 0%,
          #ffffff 100%
        );
      }
      .purple-glow {
        box-shadow: 0 10px 40px -10px rgba(109, 40, 217, 0.3);
      }
      .floating {
        animation: float 6s ease-in-out infinite;
      }
      @keyframes float {
        0% {
          transform: translateY(0px) rotate(2deg);
        }
        50% {
          transform: translateY(-20px) rotate(1deg);
        }
        100% {
          transform: translateY(0px) rotate(2deg);
        }
      }

         .icon-container {
        background: linear-gradient(
          135deg,
          var(--brand-purple) 0%,
          #8b5cf6 100%
        );
      }