/* roulang page: index */
:root {
      --primary: #1D4ED8;
      --primary-dark: #1E293B;
      --accent: #0284C7;
      --bg-slate: #F8FAFC;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
      color: #334155;
      background-color: #FFFFFF;
      overflow-x: hidden;
    }
    .min-touch-target {
      min-height: 48px;
      min-width: 48px;
    }
    .hero-glow {
      background: radial-gradient(circle at 50% 30%, rgba(29, 78, 216, 0.12) 0%, rgba(255, 255, 255, 0) 70%);
    }
    .ribbon-badge {
      clip-path: polygon(0% 0%, 100% 0%, 95% 50%, 100% 100%, 0% 100%);
    }