/* roulang page: index */
:root {
      --primary: #0F4C81;
      --accent: #0284C7;
      --teal: #0D9488;
      --bg-slate: #0B132B;
      --text-main: #1E293B;
      --text-muted: #64748B;
    }
    html {
      scroll-behavior: smooth;
    }
    body {
      color: var(--text-main);
      background-color: #FAFAFC;
      font-feature-settings: "cv02", "cv03", "cv04", "cv11";
    }
    .custom-shadow {
      box-shadow: 0 10px 25px -5px rgba(15, 76, 129, 0.05), 0 8px 10px -6px rgba(15, 76, 129, 0.03);
    }
    .glass-nav {
      background: rgba(255, 255, 255, 0.95);
      backdrop-filter: blur(12px);
    }
    .faq-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease-out;
    }
    .faq-item.active .faq-content {
      max-height: 240px;
    }
    .faq-item.active .faq-icon {
      transform: rotate(180deg);
    }