/* roulang page: index */
:root {
      --primary: #0E1E25;
      --accent: #00E599;
      --secondary: #6366F1;
      --bg-surface: #F8FAFB;
      --text-main: #0F172A;
      --text-muted: #475569;
      --border-color: rgba(226, 232, 240, 0.8);
    }
    body {
      color: var(--text-main);
      background-color: #FFFFFF;
      overflow-x: hidden;
    }
    .custom-shadow {
      box-shadow: 0 10px 30px -10px rgba(14, 30, 37, 0.08);
    }
    .accent-border-top {
      position: relative;
    }
    .accent-border-top::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 3px;
      background: var(--accent);
      opacity: 0;
      transition: opacity 0.3s ease;
      border-radius: 4px 4px 0 0;
    }
    .accent-border-top:hover::after {
      opacity: 1;
    }