/* roulang page: index */
:root {
      --brand-dark: #0f172a;
      --brand-slate: #1e293b;
      --brand-accent: #059669;
      --brand-accent-hover: #047857;
      --brand-light: #f8fafc;
      --brand-border: rgba(226, 232, 240, 0.8);
    }
    html { scroll-behavior: smooth; }
    body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background-color: #ffffff; color: #334155; }
    .hero-bg {
      background: linear-gradient(rgba(15, 23, 42, 0.88), rgba(15, 23, 42, 0.94)), url('/assets/images/1a32a689c7c3309d.webp') center/cover no-repeat;
    }
    .custom-scroll::-webkit-scrollbar { height: 6px; }
    .custom-scroll::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
    .nav-blur { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }