/* roulang page: index */
:root {
      --primary-gradient: linear-gradient(135deg, #0F766E 0%, #0284C7 100%);
      --dark-card-bg: rgba(28, 37, 65, 0.7);
      --diffuse-shadow: 0 12px 30px -6px rgba(2, 132, 199, 0.12);
    }
    body {
      color: #1E293B;
      background-color: #F8FAFC;
      -webkit-font-smoothing: antialiased;
    }
    .gradient-brand {
      background: var(--primary-gradient);
    }
    .text-gradient-brand {
      background: var(--primary-gradient);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .card-diffuse {
      box-shadow: var(--diffuse-shadow);
    }
    .glow-dot {
      box-shadow: 0 0 10px #10B981;
    }