
          body { font-family: 'Inter', sans-serif; scroll-behavior: smooth; }
          @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-20px); } }
          .float-animation { animation: float 6s ease-in-out infinite; }
          @keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
          .gradient-animation { background-size: 200% 200%; animation: gradient 15s ease infinite; }
          @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
          .fade-in-up { animation: fadeInUp 0.8s ease-out forwards; }
          html { scroll-behavior: smooth; }
          ::-webkit-scrollbar { width: 10px; }
          ::-webkit-scrollbar-track { background: #0f172a; }
          ::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #a855f7, #d946ef); border-radius: 5px; }
          ::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #9333ea, #c026d3); }
      

