/* roulang page: index */
:root {
      --color-primary: #0A2540;
      --color-dark: #061727;
      --color-accent: #D4A373;
      --color-success: #0E9F6E;
      --color-bg-alt: #F8FAFC;
    }
    html {
      box-sizing: border-box;
      scroll-padding-top: 100px;
    }
    *, *:before, *:after {
      box-sizing: inherit;
    }
    .hero-glow {
      background: radial-gradient(circle at 50% 30%, rgba(212, 163, 115, 0.15) 0%, rgba(10, 37, 64, 0.95) 70%);
    }
    .badge-amber {
      background: rgba(212, 163, 115, 0.12);
      border: 1px solid rgba(212, 163, 115, 0.35);
      color: #92582b;
    }
    .card-hover-effect {
      transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .card-hover-effect:hover {
      transform: translateY(-4px);
      box-shadow: 0 20px 30px -10px rgba(10, 37, 64, 0.12);
    }