/* roulang page: index */
:root {
      --bg-dark: #060B14;
      --bg-card: rgba(16, 26, 48, 0.72);
      --border-glow: rgba(0, 229, 255, 0.22);
      --accent-cyan: #00E5FF;
      --accent-blue: #2979FF;
      --accent-gold: #FFB300;
      --accent-green: #00E676;
    }
    body {
      background-color: var(--bg-dark);
      color: #94A3B8;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    }
    .glass-panel {
      background: var(--bg-card);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border: 1px solid var(--border-glow);
    }
    .glass-panel-hover:hover {
      border-color: rgba(0, 229, 255, 0.5);
      box-shadow: 0 0 25px rgba(0, 229, 255, 0.18);
    }
    .btn-glow {
      background: linear-gradient(135deg, #2979FF, #00E5FF);
      color: #060B14;
      box-shadow: 0 0 20px rgba(0, 229, 255, 0.45);
      transition: all 0.25s ease;
    }
    .btn-glow:hover {
      box-shadow: 0 0 28px rgba(0, 229, 255, 0.75);
      transform: translateY(-2px);
    }
    .btn-glass {
      background: rgba(41, 121, 255, 0.12);
      border: 1px solid rgba(0, 229, 255, 0.35);
      color: #00E5FF;
      transition: all 0.25s ease;
    }
    .btn-glass:hover {
      background: rgba(0, 229, 255, 0.2);
      box-shadow: 0 0 18px rgba(0, 229, 255, 0.3);
      color: #FFFFFF;
    }
    .font-tech {
      font-family: "JetBrains Mono", Consolas, Monaco, "Courier New", monospace;
    }