/* roulang page: index */
:root {
      --primary: #0B132B;
      --secondary: #1C2541;
      --accent: #DDA15E;
      --success: #2A9D8F;
      --bg-light: #F8F9FA;
      --text-main: #1C2541;
      --text-muted: #475569;
    }
    body {
      color: var(--text-main);
      background-color: #FFFFFF;
      overflow-x: hidden;
      line-height: 1.8;
    }
    .kicker-line {
      display: inline-block;
      width: 28px;
      height: 3px;
      background-color: var(--accent);
      border-radius: 2px;
      vertical-align: middle;
      margin-right: 8px;
    }
    .grid-pattern {
      background-image: radial-gradient(rgba(221, 161, 94, 0.12) 1px, transparent 0);
      background-size: 24px 24px;
    }
    .tech-border {
      border: 1px solid rgba(28, 37, 65, 0.12);
    }
    .tech-border-dark {
      border: 1px solid rgba(221, 161, 94, 0.2);
    }
    .hover-lift {
      transition: transform 0.25s ease, box-shadow 0.25s ease;
    }
    .hover-lift:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 24px -4px rgba(11, 19, 43, 0.08);
    }
    details summary::-webkit-details-marker {
      display: none;
    }