/* roulang page: index */
:root {
      --primary: #06B6D4;
      --accent: #8B5CF6;
      --cta: #F97316;
      --bg-dark: #0B0F19;
      --bg-slate: #111827;
      --text-main: #F9FAFB;
      --text-sub: #9CA3AF;
      --border-color: rgba(255, 255, 255, 0.08);
    }
    body {
      background-color: var(--bg-dark);
      color: var(--text-main);
      overflow-x: hidden;
    }
    .text-gradient-cyan {
      background: linear-gradient(135deg, #06B6D4 0%, #3B82F6 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .text-gradient-purple {
      background: linear-gradient(135deg, #A78BFA 0%, #EC4899 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .bg-glass {
      background: rgba(17, 24, 39, 0.85);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
    }
    .border-glow:hover {
      border-color: rgba(6, 182, 212, 0.5);
      box-shadow: 0 10px 25px -5px rgba(6, 182, 212, 0.25);
      transform: translateY(-4px);
    }
    .transition-custom {
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    details > summary {
      list-style: none;
    }
    details > summary::-webkit-details-marker {
      display: none;
    }