/* roulang page: index */
:root {
        --color-primary-navy: #0F172A;
        --color-primary-blue: #1E3A8A;
        --color-accent-teal: #059669;
        --color-accent-amber: #D97706;
        --color-bg-base: #F8FAFC;
        --radius-card: 1rem;
      }
      body {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
        color: #1E293B;
        background-color: var(--color-bg-base);
        line-height: 1.65;
        -webkit-font-smoothing: antialiased;
      }
      .brand-gradient {
        background: linear-gradient(135deg, #1E3A8A 0%, #0F766E 100%);
      }
      .brand-gradient-dark {
        background: linear-gradient(145deg, #0B1120 0%, #0F172A 100%);
      }
      .card-trans {
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;
      }
      .card-trans:hover {
        transform: translateY(-4px);
      }
      .accordion-content {
        transition: max-height 0.35s ease, opacity 0.3s ease;
      }