/* roulang page: index */
:root {
      --color-primary: #0F766E;
      --color-accent: #F97316;
      --color-dark: #091E24;
      --color-light: #F8FAFC;
    }
    html {
      box-sizing: border-box;
      -webkit-font-smoothing: antialiased;
    }
    *, *:before, *:after {
      box-sizing: inherit;
    }
    .hero-glow {
      background: radial-gradient(circle at 70% 30%, rgba(249, 115, 22, 0.15) 0%, rgba(15, 118, 110, 0.05) 50%, transparent 80%);
    }
    .badge-pulse {
      box-shadow: 0 0 0 0 rgba(249, 115, 22, 0.7);
      animation: badgePulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
    }
    @keyframes badgePulse {
      to {
        box-shadow: 0 0 0 12px rgba(249, 115, 22, 0);
      }
    }