/* roulang page: index */
:root {
      --primary-gradient: linear-gradient(135deg, #0F4C81 0%, #00D2D3 100%);
      --dark-gradient: linear-gradient(145deg, #0B132B 0%, #1C2541 100%);
    }
    .hero-bg {
      background-image: linear-gradient(rgba(11, 19, 43, 0.88), rgba(28, 37, 65, 0.92)), url('/assets/images/79cd4c548e10c2c2.webp');
      background-size: cover;
      background-position: center;
    }
    .dark-glow-card {
      background: rgba(28, 37, 65, 0.7);
      backdrop-filter: blur(12px);
      border: 1px solid rgba(0, 210, 211, 0.2);
    }
    .gradient-text {
      background: linear-gradient(135deg, #38bdf8 0%, #00D2D3 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }