/* roulang page: index */
:root {
      --primary: #0f1c30;
      --accent-green: #00cc96;
      --accent-blue: #0066ff;
      --bg-surface: #f8fafc;
      --bg-dark: #0a101a;
      --text-main: #1e293b;
      --text-muted: #64748b;
      --border-color: #e2e8f0;
    }
    html {
      scroll-behavior: smooth;
    }
    body {
      color: var(--text-main);
      background-color: #ffffff;
      -webkit-font-smoothing: antialiased;
    }
    .hero-glow {
      background: radial-gradient(circle at 50% 30%, rgba(0, 204, 150, 0.15) 0%, rgba(15, 28, 48, 0) 70%);
    }
    .custom-scroll::-webkit-scrollbar {
      height: 6px;
    }
    .custom-scroll::-webkit-scrollbar-thumb {
      background: #cbd5e1;
      border-radius: 3px;
    }
    .scan-line {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 2px;
      background: linear-gradient(90deg, transparent, #00cc96, transparent);
      animation: scan 3s linear infinite;
    }
    @keyframes scan {
      0% { top: 0%; opacity: 0; }
      15% { opacity: 1; }
      85% { opacity: 1; }
      100% { top: 100%; opacity: 0; }
    }