/* roulang page: index */
:root {
      --bg-dark: #0a1118;
      --bg-surface: #0f2231;
      --accent-cyan: #00f0b5;
      --accent-gold: #eab308;
      --text-main: #f1f5f9;
      --text-muted: #94a3b8;
      --border-subtle: rgba(255, 255, 255, 0.08);
    }
    body {
      background-color: var(--bg-dark);
      color: var(--text-main);
      overflow-x: hidden;
    }
    .grid-glow {
      background-image: radial-gradient(rgba(0, 240, 181, 0.08) 1px, transparent 1px);
      background-size: 28px 28px;
    }
    .custom-border {
      border: 1px solid var(--border-subtle);
    }
    .card-hover {
      transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .card-hover:hover {
      transform: translateY(-3px);
      border-color: rgba(0, 240, 181, 0.3);
      box-shadow: 0 16px 36px -12px rgba(0, 240, 181, 0.12);
    }