/* roulang page: index */
:root {
      --bg-dark: #0B0E14;
      --accent-green: #00FF87;
      --accent-purple: #7000FF;
    }
    body {
      background-color: var(--bg-dark);
      color: #F8FAFC;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      overflow-x: hidden;
      line-height: 1.7;
    }
    .neon-border {
      border: 1px solid rgba(0, 255, 135, 0.2);
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .neon-border:hover {
      border-color: rgba(0, 255, 135, 0.7);
      box-shadow: 0 0 20px rgba(0, 255, 135, 0.15);
    }
    .clip-badge {
      clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
    }
    .hero-glow {
      background: radial-gradient(circle at 50% 20%, rgba(112, 0, 255, 0.15) 0%, rgba(0, 255, 135, 0.05) 50%, transparent 80%);
    }