/* roulang page: index */
:root {
            --primary: #059669;
            --primary-hover: #047857;
            --tech-dark: #090D16;
            --slate-border: #e2e8f0;
        }
        body {
            color: #0f172a;
            background-color: #ffffff;
            -webkit-font-smoothing: antialiased;
        }
        .hairline-border {
            border: 1px solid rgba(226, 232, 240, 0.85);
        }
        .dark-hairline-border {
            border: 1px solid rgba(51, 65, 85, 0.6);
        }
        .countdown-circle {
            stroke-dasharray: 283;
            stroke-dashoffset: 65;
            transition: stroke-dashoffset 1s linear;
        }
        .tabular-nums {
            font-variant-numeric: tabular-nums;
        }

/* roulang page: category1 */
:root {
      --primary: #059669;
      --primary-hover: #047857;
      --tech-dark: #090D16;
      --slate-border: #e2e8f0;
    }
    body {
      color: #0f172a;
      background-color: #ffffff;
      -webkit-font-smoothing: antialiased;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    }
    .hairline-border {
      border: 1px solid rgba(226, 232, 240, 0.85);
    }
    .dark-hairline-border {
      border: 1px solid rgba(51, 65, 85, 0.6);
    }
    .hover-lift {
      transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .hover-lift:hover {
      transform: translateY(-4px);
      box-shadow: 0 16px 32px -8px rgba(5, 150, 105, 0.08), 0 4px 12px -2px rgba(15, 23, 42, 0.04);
    }