/* roulang page: index */
:root {
      --bg-titanium: #16191D;
      --bg-obsidian: #0B0F14;
      --color-aurora: #00D693;
      --text-muted: #64748B;
      --border-soft: rgba(226, 232, 240, 0.8);
    }
    html {
      scroll-behavior: smooth;
    }
    body {
      background-color: #F7F8FA;
      color: #1E293B;
      font-feature-settings: "cv02", "cv03", "cv04", "cv11";
      -webkit-font-smoothing: antialiased;
    }
    .custom-grid-bg {
      background-size: 32px 32px;
      background-image: 
        linear-gradient(to right, rgba(0, 214, 147, 0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(0, 214, 147, 0.05) 1px, transparent 1px);
    }
    .badge-burst {
      box-shadow: 0 0 15px rgba(0, 214, 147, 0.4);
    }
    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.35s ease-out;
    }
    .accordion-content.active {
      max-height: 240px;
    }