/* roulang page: index */
:root {
      --bg-deep: #0A0E17;
      --primary: #6366F1;
      --accent: #06B6D4;
      --neon: #10B981;
    }
    body {
      background-color: #0A0E17;
      color: #E2E8F0;
      font-feature-settings: "cv02", "cv03", "cv04", "cv11";
      overflow-x: hidden;
    }
    .glow-purple {
      box-shadow: 0 0 40px -10px rgba(99, 102, 241, 0.35);
    }
    .glow-cyan {
      box-shadow: 0 0 35px -10px rgba(6, 182, 212, 0.3);
    }
    .card-glass {
      background: rgba(19, 27, 46, 0.75);
      backdrop-filter: blur(12px);
      border: 1px solid rgba(255, 255, 255, 0.08);
    }
    .card-glass:hover {
      border-color: rgba(99, 102, 241, 0.4);
      transform: translateY(-4px);
    }
    .mesh-gradient {
      background: radial-gradient(circle at 50% 20%, rgba(99, 102, 241, 0.18) 0%, transparent 60%),
                  radial-gradient(circle at 80% 60%, rgba(6, 182, 212, 0.12) 0%, transparent 50%),
                  radial-gradient(circle at 20% 80%, rgba(16, 185, 129, 0.1) 0%, transparent 55%);
    }