body {
      font-family: 'Inter', sans-serif;
      background-color: #0a1018;
      -webkit-font-smoothing: antialiased;
    }
    .scrollbar-hide::-webkit-scrollbar {
      display: none;
    }
    .scrollbar-hide {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
    .bg-dark-blue {
      background-color: #121c2a;
    }
    .bg-darker-blue {
      background-color: #0f1520;
    }
    .bg-dark-card {
      background-color: #1a2433;
      background-image: linear-gradient(145deg, rgba(255,255,255,0.02) 0%, rgba(0,0,0,0.1) 100%);
    }
    .text-light-gray {
      color: #e2e8f0;
    }
    .text-medium-gray {
      color: #94a3b8;
    }
    .text-accent-blue {
      color: #60a5fa;
    }
    .text-accent-yellow {
      color: #f7d154;
    }
    .hover-glow {
      transition: all 0.2s ease;
    }
    .hover-glow:hover {
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    }
    .card-hover {
      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    }
    .card-hover:hover {
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }
    .gradient-border {
      position: relative;
    }
    .gradient-border::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 2px;
      background: linear-gradient(90deg, #3b82f6, #10b981, #f59e0b);
    }