/* roulang page: index */
:root {
      --primary: #0F3875;
      --accent: #0EA5E9;
      --gold: #F59E0B;
      --dark: #0A192F;
      --slate-bg: #F8FAFC;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      color: #334155;
      background-color: #FFFFFF;
    }
    .hero-mesh {
      background: radial-gradient(circle at 10% 20%, rgba(14, 165, 233, 0.15) 0%, transparent 40%),
                  radial-gradient(circle at 90% 80%, rgba(15, 56, 117, 0.25) 0%, transparent 45%);
    }
    .glass-nav {
      background: rgba(255, 255, 255, 0.94);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
    }
    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.35s cubic-bezier(0, 1, 0, 1);
    }
    .accordion-item.active .accordion-content {
      max-height: 480px;
      transition: max-height 0.4s ease-in-out;
    }
    .accordion-item.active .accordion-icon {
      transform: rotate(180deg);
    }