/* roulang page: index */
:root {
      --primary: #00FF88;
      --primary-dark: #10B981;
      --bg-dark: #0B0F19;
      --surface-dark: #0D1117;
      --accent: #FF5A1F;
    }
    body {
      color: #111827;
      background-color: #F8FAFC;
      overflow-x: hidden;
    }
    .text-glow {
      text-shadow: 0 0 20px rgba(0, 255, 136, 0.45);
    }
    .border-glow:hover {
      border-color: #00FF88;
      box-shadow: 0 10px 30px -10px rgba(0, 255, 136, 0.25);
    }
    .hero-slide {
      transition: opacity 0.8s ease-in-out;
    }