/* roulang page: index */
:root {
      --brand-navy: #0F2B48;
      --brand-teal: #0D9488;
      --brand-amber: #F59E0B;
      --brand-dark: #0A192F;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      color: #1e293b;
      background-color: #ffffff;
      line-height: 1.6;
    }
    .custom-gradient {
      background: linear-gradient(135deg, #0F2B48 0%, #1e3a5f 50%, #0D9488 100%);
    }
    .hero-bg {
      background-image: linear-gradient(rgba(15, 43, 72, 0.92), rgba(10, 25, 47, 0.96)), url('/assets/images/8ed06e2e227104a4.webp');
      background-size: cover;
      background-position: center;
    }
    .banner-overlay {
      background: linear-gradient(180deg, rgba(15,43,72,0.85) 0%, rgba(10,25,47,0.98) 100%);
    }