/* roulang page: index */
:root {
      --bg-main: #0b0d11;
      --card-bg: #131720;
      --primary-gradient: linear-gradient(135deg, #4f46e5 0%, #8b5cf6 50%, #ec4899 100%);
      --gold-gradient: linear-gradient(135deg, #d97706 0%, #fbbf24 50%, #b45309 100%);
    }
    body {
      background-color: var(--bg-main);
      color: #9ca3af;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      overflow-x: hidden;
    }
    .text-gold-gradient {
      background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 50%, #d97706 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .badge-pill {
      display: inline-flex;
      align-items: center;
      padding: 0.25rem 0.75rem;
      border-radius: 9999px;
      font-size: 0.75rem;
      font-weight: 700;
      letter-spacing: 0.05em;
      border-width: 1px;
    }
    .glow-card {
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .glow-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 10px 30px -10px rgba(79, 70, 229, 0.3);
      border-color: rgba(139, 92, 246, 0.4);
    }
    details summary::-webkit-details-marker {
      display: none;
    }