/* roulang page: index */
:root {
      --primary: #0052FF;
      --secondary: #0EB194;
      --dark: #0D1117;
      --bg-light: #F8F9FA;
      --text-main: #101828;
      --text-muted: #475467;
      --border-color: #E4E7EC;
    }
    body {
      font-feature-settings: 'tnum' on, 'lnum' on;
      -webkit-font-smoothing: antialiased;
    }
    .custom-scroll::-webkit-scrollbar {
      height: 6px;
      width: 6px;
    }
    .custom-scroll::-webkit-scrollbar-thumb {
      background: #CBD5E1;
      border-radius: 4px;
    }
    .hero-bg {
      background-image: linear-gradient(rgba(13, 17, 23, 0.82), rgba(13, 17, 23, 0.92)), url('/assets/images/865da295d0ed7a3d.jpg');
      background-size: cover;
      background-position: center;
    }
    .dark-section-bg {
      background-image: linear-gradient(rgba(13, 17, 23, 0.94), rgba(13, 17, 23, 0.98)), url('/assets/images/5567fd310cbbb844.webp');
      background-size: cover;
      background-position: center;
    }
    .badge-status {
      display: inline-flex;
      align-items: center;
      padding: 2px 8px;
      border-radius: 9999px;
      font-size: 12px;
      font-weight: 500;
    }
    .transition-fast {
      transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .card-hover:hover {
      transform: translateY(-2px);
      box-shadow: 0 12px 24px -4px rgba(16, 24, 40, 0.08);
    }