/* roulang page: index */
:root {
      --bg-dark: #0B111E;
      --bg-card: #111827;
      --cyan-gradient: linear-gradient(135deg, #06B6D4 0%, #2563EB 100%);
      --amber-color: #F59E0B;
    }
    body {
      background-color: #0B111E;
      color: #E2E8F0;
      overflow-x: hidden;
    }
    .gradient-text {
      background: linear-gradient(135deg, #38BDF8 0%, #06B6D4 50%, #3B82F6 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .amber-text {
      color: #F59E0B;
    }
    .glow-border {
      position: relative;
      border: 1px solid rgba(6, 182, 212, 0.2);
    }
    .glow-border:hover {
      border-color: rgba(6, 182, 212, 0.5);
      box-shadow: 0 10px 30px -10px rgba(6, 182, 212, 0.25);
    }
    .badge-capsule {
      display: inline-flex;
      align-items: center;
      padding: 0.25rem 0.85rem;
      font-size: 0.75rem;
      font-weight: 600;
      letter-spacing: 0.05em;
      border-radius: 9999px;
      background: rgba(6, 182, 212, 0.1);
      border: 1px solid rgba(6, 182, 212, 0.25);
      color: #38BDF8;
    }
    .badge-amber {
      background: rgba(245, 158, 11, 0.1);
      border-color: rgba(245, 158, 11, 0.3);
      color: #FBBF24;
    }