/* roulang page: index */
:root {
      --bg-main: #0B0F19;
      --bg-card: #111827;
      --bg-surface: #1E293B;
      --color-primary: #7C3AED;
      --color-secondary: #06B6D4;
      --color-text-main: #F9FAFB;
      --color-text-muted: #9CA3AF;
      --border-color: #1F2937;
    }
    body {
      background-color: var(--bg-main);
      color: #D1D5DB;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      overflow-x: hidden;
    }
    .text-glow {
      text-shadow: 0 0 25px rgba(124, 58, 237, 0.45);
    }
    .border-glow {
      box-shadow: 0 0 15px -3px rgba(6, 182, 212, 0.15);
    }
    .bg-grid-pattern {
      background-image: radial-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px);
      background-size: 28px 28px;
    }
    details > summary::-webkit-details-marker {
      display: none;
    }