/* roulang page: index */
:root {
      --brand-navy: #0A2540;
      --brand-blue: #0066FF;
      --brand-dark: #0D1526;
      --brand-orange: #FF6B00;
      --brand-teal: #00D4B2;
      --bg-gray: #F4F7FA;
    }
    html {
      scroll-behavior: smooth;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      color: #1F2937;
      background-color: #FFFFFF;
      overflow-x: hidden;
    }
    .ticket-edge {
      background: radial-gradient(circle at left, transparent 10px, white 10px) -10px,
                  radial-gradient(circle at right, transparent 10px, white 10px) 10px;
      background-size: 51% 100%;
      background-repeat: no-repeat;
    }
    .gradient-brand {
      background: linear-gradient(135deg, rgba(0, 102, 255, 0.05) 0%, rgba(0, 212, 178, 0.03) 100%);
    }
    .text-gradient {
      background: linear-gradient(135deg, #0A2540 0%, #0066FF 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .text-gradient-orange {
      background: linear-gradient(135deg, #FF6B00 0%, #FFA800 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }