/* roulang page: index */
:root {
      --primary: #0E2A38;
      --accent: #00C48C;
      --dark: #07151D;
      --light: #F4F7F6;
      --border: #D8E2E6;
    }
    body {
      background-color: var(--light);
      color: #0D1F2D;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
      overflow-x: hidden;
    }
    .hero-mask {
      background: linear-gradient(180deg, rgba(7, 21, 29, 0.82) 0%, rgba(14, 42, 56, 0.94) 100%);
    }
    .radar-pulse {
      box-shadow: 0 0 0 0 rgba(0, 196, 140, 0.7);
      animation: pulse-green 2s infinite cubic-bezier(0.66, 0, 0, 1);
    }
    @keyframes pulse-green {
      to {
        box-shadow: 0 0 0 16px rgba(0, 196, 140, 0);
      }
    }
    .card-hover {
      transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .card-hover:hover {
      transform: translateY(-4px);
      box-shadow: 0 16px 30px -10px rgba(14, 42, 56, 0.12);
    }