/* roulang page: index */
:root {
      --primary: #f43f5e;
      --primary-dark: #be123c;
      --bg-dark: #0b0f19;
      --card-bg: #131b2e;
    }
    body {
      background-color: #0b0f19;
      color: #f1f5f9;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      overflow-x: hidden;
    }
    .custom-scrollbar::-webkit-scrollbar {
      height: 4px;
    }
    .custom-scrollbar::-webkit-scrollbar-track {
      background: rgba(255, 255, 255, 0.05);
      border-radius: 4px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background: rgba(244, 63, 94, 0.4);
      border-radius: 4px;
    }
    .ticket-cutout-l, .ticket-cutout-r {
      position: absolute;
      width: 20px;
      height: 20px;
      background-color: #0b0f19;
      border-radius: 50%;
      top: 50%;
      transform: translateY(-50%);
    }
    .ticket-cutout-l { left: -10px; }
    .ticket-cutout-r { right: -10px; }