/* roulang page: index */
:root {
      --bg-dark: #0F172A;
      --brand-primary: #0D9488;
      --brand-accent: #14B8A6;
      --bg-surface: #F8FAFC;
    }
    body {
      color: #1E293B;
      background-color: #FFFFFF;
      overflow-x: hidden;
    }
    .hero-glow {
      background: radial-gradient(circle at 50% 30%, rgba(20, 184, 166, 0.15) 0%, rgba(15, 23, 42, 0) 70%);
    }
    .custom-shadow {
      box-shadow: 0 10px 30px -5px rgba(15, 23, 42, 0.05), 0 4px 12px -2px rgba(13, 148, 136, 0.04);
    }
    .tab-btn.active {
      background-color: #0D9488;
      color: #FFFFFF;
      border-color: #0D9488;
    }