/* roulang page: index */
:root {
      --primary: #0EA5E9;
      --primary-teal: #14B8A6;
      --bg-dark: #090D16;
      --card-bg: #FFFFFF;
      --text-main: #0F172A;
      --text-muted: #64748B;
      --border-color: #E2E8F0;
    }
    html {
      scroll-behavior: smooth;
      -webkit-font-smoothing: antialiased;
    }
    body {
      color: var(--text-main);
      background-color: #F8FAFC;
      line-height: 1.75;
      overflow-x: hidden;
    }
    .min-tap-target {
      min-height: 44px;
      min-width: 44px;
    }
    .code-console {
      background: #0D1117;
      border: 1px solid #30363D;
      box-shadow: 0 20px 40px -15px rgba(0,0,0,0.5);
    }
    .hero-glow {
      background: radial-gradient(circle at 50% 30%, rgba(14, 165, 233, 0.15) 0%, rgba(20, 184, 166, 0.05) 50%, transparent 75%);
    }