/* roulang page: index */
:root {
      --primary: #0A192F;
      --secondary: #0F3460;
      --accent: #00F2FE;
      --accent-alt: #4FACFE;
      --card-radius: 1.5rem;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      background-color: #F8FAFC;
      color: #0F172A;
      overflow-x: hidden;
    }
    .hero-bg {
      background: linear-gradient(135deg, rgba(8, 14, 26, 0.92) 0%, rgba(15, 52, 96, 0.88) 100%), url('/assets/images/17b0531eba1e0774.png') center/cover no-repeat;
    }
    .glow-cyan {
      box-shadow: 0 0 25px rgba(0, 242, 254, 0.35);
    }
    .glass-dark {
      background: rgba(10, 25, 47, 0.75);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border: 1px solid rgba(255, 255, 255, 0.08);
    }
    .custom-scroll::-webkit-scrollbar {
      height: 6px;
    }
    .custom-scroll::-webkit-scrollbar-thumb {
      background: #CBD5E1;
      border-radius: 9999px;
    }
    .custom-scroll::-webkit-scrollbar-thumb:hover {
      background: #94A3B8;
    }