/* roulang page: index */
:root {
      --primary: #0F52BA;
      --primary-hover: #0284C7;
      --accent-orange: #F97316;
      --accent-green: #10B981;
      --bg-dark: #0B0F19;
      --card-dark: #111827;
      --border-subtle: rgba(255, 255, 255, 0.08);
      --font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
    }
    body {
      font-family: var(--font-stack);
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
    }
    .tech-grid {
      background-size: 32px 32px;
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
                        linear-gradient(to bottom, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    }
    .glass-nav {
      backdrop-filter: blur(12px);
      background-color: rgba(11, 15, 25, 0.88);
    }
    .custom-scroll::-webkit-scrollbar {
      height: 6px;
    }
    .custom-scroll::-webkit-scrollbar-track {
      background: #0f172a;
    }
    .custom-scroll::-webkit-scrollbar-thumb {
      background: #334155;
      border-radius: 9999px;
    }