/* roulang page: index */
:root {
      --bg-base: #0a0b0e;
      --bg-surface: #14161c;
      --bg-card: #1b1e26;
      --text-main: #f8fafc;
      --text-muted: #94a3b8;
      --border-line: rgba(255, 255, 255, 0.08);
      --accent-cyan: #00f2fe;
    }
    body {
      background-color: var(--bg-base);
      color: var(--text-main);
      overflow-x: hidden;
    }
    .tech-border {
      border: 1px solid var(--border-line);
      position: relative;
    }
    .tech-border:hover {
      border-color: rgba(0, 242, 254, 0.35);
      box-shadow: 0 10px 30px -10px rgba(0, 242, 254, 0.15);
    }
    .glow-badge {
      background: rgba(0, 242, 254, 0.08);
      border: 1px solid rgba(0, 242, 254, 0.3);
      color: #00f2fe;
    }
    .bg-grid-pattern {
      background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);
      background-size: 32px 32px;
    }