/* roulang page: index */
:root {
      --primary: #10B981;
      --primary-dark: #059669;
      --secondary: #F97316;
      --bg-dark: #0F172A;
      --surface-dark: #1E293B;
      --bg-light: #F8FAFC;
    }
    html {
      scroll-behavior: smooth;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
      overflow-x: hidden;
    }
    .custom-gradient-overlay {
      background: linear-gradient(180deg, rgba(15, 23, 42, 0.85) 0%, rgba(15, 23, 42, 0.95) 100%);
    }
    .ticket-cutout-l {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 calc(50% + 8px), 8px 50%, 0 calc(50% - 8px));
    }
    .hide-scrollbar::-webkit-scrollbar {
      display: none;
    }
    .hide-scrollbar {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }