body {
      font-family: 'Poppins', sans-serif;
      scroll-behavior: smooth;
    }

    .gradient-bg {
      background: linear-gradient(135deg, #ff2e2e 0%, #ed1515 100%);
    }

    .card-hover:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    }

    .timeline-item::before {
      content: '';
      position: absolute;
      left: -38px;
      top: 0;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: #ff2e2e;
      border: 4px solid white;
    }

    .timeline::before {
      content: '';
      position: absolute;
      left: 33px;
      top: 0;
      height: 100%;
      width: 2px;
      background: #e5e7eb;
    }

    @keyframes fadeIn {
      from {
        opacity: 0;
        transform: translateY(20px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .animate-fadeIn {
      animation: fadeIn 0.6s ease-out forwards;
    }

    .delay-100 {
      animation-delay: 0.1s;
    }

    .delay-200 {
      animation-delay: 0.2s;
    }

    .delay-300 {
      animation-delay: 0.3s;
    }

    .navbar {
      transition: all 0.3s ease;
    }

    .navbar.scrolled {
      background-color: white;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .navbar.scrolled .nav-link {
      color: #4b5563;
    }

    .navbar.scrolled .nav-link:hover {
      color: #ff2e2e;
    }

    .navbar.scrolled #mobile-menu-button {
      color: #ff2e2e;
    }

    .navbar.scrolled .loginMenu {
      color: #ff2e2e;
      --tw-border-opacity: 1;
      border-color: #ff2e2e;
      border-width: 1px;
      border-radius: 0.5rem;
    }
    .navbar.scrolled .loginMenu:hover {
      color: white;
      background-color: #ff2e2e;
      border-color: white;
      border-width: 1px;
      border-radius: 0.5rem;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    }

    .navbar.scrolled .registerMenu {
      color: white;
      background-color: #ff2e2e;
      border-color: white;
      border-width: 1px;
      border-radius: 0.5rem;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    }
    .navbar.scrolled .registerMenu:hover {
      color: #ff2e2e;
      background-color: white;
      --tw-border-opacity: 1;
      border-color: #ff2e2e;
      border-width: 1px;
      border-radius: 0.5rem;
    }