body {
     font-family: 'Inter', sans-serif;
    
 }

 body::-webkit-scrollbar {
     display: none;
 }

 .gradient-bg {
     background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 }

 .hero-pattern {
     background-image: radial-gradient(circle at 25px 25px, rgba(255, 255, 255, .1) 2px, transparent 0), radial-gradient(circle at 75px 75px, rgba(255, 255, 255, .1) 2px, transparent 0);
     background-size: 100px 100px;
 }

 .card-hover {
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }

 .card-hover:hover {
     transform: translateY(-8px);
     box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
 }

 .text-gradient {
     background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
 }

 @keyframes marquee {
     0% {
         transform: translateX(0);
     }

     100% {
         transform: translateX(-50%);
     }
 }

 .animate-marquee {
     display: flex;
     animation: marquee 40s linear infinite;
 }