body {
    font-family: 'Inter', sans-serif;
    background-color: #050505;
    color: #ffffff;
    overflow-x: hidden;
  }
  
  .font-display {
    font-family: 'Montserrat', sans-serif;
  }
  
  /* Custom Scrollbar */
  ::-webkit-scrollbar {
    width: 8px;
  }
  
  ::-webkit-scrollbar-track {
    background: #0a0a0a;
  }
  
  ::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 10px;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: #444;
  }
  
  /* Reveal Animation */
  .reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  }
  
  .reveal-active {
    opacity: 1;
    transform: translateY(0);
  }
  
  /* Marquee Animation */
  @keyframes marquee {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }
  
  .animate-marquee {
    animation: marquee 30s linear infinite;
  }
  
  /* Project Card Animations */
  .project-card {
    opacity: 0;
    transform: scale(0.9);
    transition: all 0.5s ease;
  }
  
  .project-card.active {
    opacity: 1;
    transform: scale(1);
  }
  
  /* Mobile Menu Animation */
  .mobile-menu-enter {
    animation: slideDown 0.3s ease-out;
  }
  
  @keyframes slideDown {
    from {
      opacity: 0;
      transform: translateY(-20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }