/* roulang page: index */
:root {
      --primary-blue: #0f62fe;
      --accent-cyan: #00b4d8;
      --accent-green: #06d6a0;
      --bg-dark: #0b132b;
      --bg-light: #f8fafc;
      --text-main: #0f172a;
      --text-sub: #475569;
    }
    html {
      scroll-behavior: smooth;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    }
    .hero-glow {
      background: radial-gradient(circle at 50% 20%, rgba(15, 98, 254, 0.35) 0%, rgba(11, 19, 43, 0.85) 65%, #0b132b 100%);
    }
    .card-shadow {
      box-shadow: 0 10px 30px -10px rgba(15, 98, 254, 0.08);
    }
    .badge-blur {
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
    }