/* roulang page: index */
:root {
      --color-primary: #0B3B36;
      --color-primary-dark: #062622;
      --color-surface-soft: #F8FAF9;
      --color-surface-tint: #E8F0EC;
      --color-border: #DCE5E2;
      --color-text-main: #1F2927;
      --color-text-muted: #4B5553;
      --color-accent: #C59B27;
      --radius-sm: 6px;
      --radius-md: 10px;
      --radius-lg: 16px;
      --shadow-card: 0 4px 20px -2px rgba(11, 59, 54, 0.05);
      --shadow-elevate: 0 10px 25px -4px rgba(11, 59, 54, 0.12);
    }
    body {
      color: var(--color-text-main);
      background-color: #FFFFFF;
      font-feature-settings: "cv02", "cv03", "cv04", "cv11";
    }
    .hero-bg-cover {
      background-image: linear-gradient(135deg, rgba(6, 38, 34, 0.94) 0%, rgba(11, 59, 54, 0.88) 100%), url('/assets/images/e56b72f89b67caea.webp');
      background-size: cover;
      background-position: center;
    }
    .card-border-subtle {
      border: 1px solid rgba(220, 229, 226, 0.8);
      transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .card-border-subtle:hover {
      border-color: rgba(11, 59, 54, 0.35);
      box-shadow: var(--shadow-elevate);
      transform: translateY(-2px);
    }
    .coupon-ticket {
      background: radial-gradient(circle at left, transparent 8px, #ffffff 8.5px) left,
                  radial-gradient(circle at right, transparent 8px, #ffffff 8.5px) right;
      background-size: 100% 100%;
    }
    .badge-soft {
      background: rgba(11, 59, 54, 0.08);
      color: var(--color-primary);
    }
    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease-out;
    }
    .accordion-item.active .accordion-content {
      max-height: 280px;
    }
    .accordion-item.active .accordion-icon {
      transform: rotate(180deg);
    }
    .nav-blur-bar {
      backdrop-filter: blur(12px);
      background-color: rgba(255, 255, 255, 0.92);
    }
    .tag-line-clamp {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }