/* roulang page: index */
:root {
      --primary-color: #0284c7;
      --primary-accent: #00B4D8;
      --dark-slate: #12151A;
      --card-bg: #FFFFFF;
      --border-soft: #E2E8F0;
    }
    html {
      scroll-behavior: smooth;
    }
    .scroll-mt-header {
      scroll-margin-top: 88px;
    }
    .tabular-nums {
      font-variant-numeric: tabular-nums;
    }
    .hero-slide {
      transition: opacity 0.8s ease-in-out;
    }
    .custom-shadow {
      box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.06);
    }
    .custom-shadow-hover:hover {
      box-shadow: 0 16px 36px -12px rgba(2, 132, 199, 0.18);
      transform: translateY(-3px);
    }
    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.35s ease-out;
    }
    .accordion-item.active .accordion-content {
      max-height: 280px;
    }
    .accordion-item.active .accordion-icon {
      transform: rotate(180deg);
    }