/* roulang page: index */
:root {
      --primary: #4f46e5;
      --secondary: #06b6d4;
      --surface: #ffffff;
      --text-main: #0f172a;
      --text-muted: #64748b;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      color: var(--text-main);
      background-color: #f8fafc;
      overflow-x: hidden;
    }
    .custom-gradient-text {
      background: linear-gradient(135deg, #4f46e5 0%, #3b82f6 50%, #06b6d4 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .hero-bg {
      background: linear-gradient(rgba(15, 23, 42, 0.88), rgba(15, 23, 42, 0.94)), url('/assets/images/bb3fe02f99a40a42.png') center/cover no-repeat;
    }