/* roulang page: index */
:root {
      --brand-blue: #165DFF;
      --brand-green: #00B42A;
      --brand-orange: #FF7D00;
      --brand-purple: #722ED1;
      --brand-gradient: linear-gradient(135deg, #165DFF 0%, #00B42A 100%);
      --bg-gray: #F7F8FA;
    }
    html {
      scroll-padding-top: 110px;
    }
    .gradient-brand {
      background: linear-gradient(135deg, #165DFF 0%, #00B42A 100%);
    }
    .gradient-brand-text {
      background: linear-gradient(135deg, #165DFF 0%, #00B42A 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .card-shadow {
      box-shadow: 0 10px 30px -10px rgba(22, 93, 255, 0.08);
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .card-shadow:hover {
      transform: translateY(-4px);
      box-shadow: 0 20px 40px -12px rgba(22, 93, 255, 0.16);
    }
    .font-num {
      font-variant-numeric: tabular-nums;
    }