/* roulang page: index */
:root {
      --primary: #ff5a1f;
      --primary-hover: #ea4b10;
      --accent: #00d084;
      --dark-bg: #0b0f17;
      --text-main: #0f172a;
      --text-muted: #475569;
      --border-color: #e2e8f0;
    }
    html {
      scroll-behavior: smooth;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    }
    .hero-bg {
      background: linear-gradient(135deg, rgba(11, 15, 23, 0.94) 0%, rgba(17, 24, 39, 0.88) 100%), url('/assets/images/5378c684dd79df83.png') center/cover no-repeat;
    }
    .mesh-gradient {
      background: radial-gradient(circle at 50% 10%, rgba(255, 90, 31, 0.15) 0%, transparent 60%);
    }
    .dark-glow {
      box-shadow: 0 0 50px -10px rgba(255, 90, 31, 0.25);
    }
    .stat-card {
      background: rgba(255, 255, 255, 0.05);
      backdrop-filter: blur(12px);
      border: 1px solid rgba(255, 255, 255, 0.1);
    }