/* roulang page: index */
:root {
        --bg-main: #0F141C;
        --color-primary: #00E599;
        --color-accent: #6366F1;
        --text-base: #94A3B8;
        --border-color: rgba(0, 229, 153, 0.15);
      }
      body {
        background-color: var(--bg-main);
        color: #FFFFFF;
        font-family: 'PingFang SC', system-ui, -apple-system, sans-serif;
        overflow-x: hidden;
      }
      .diagonal-hero {
        clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%);
      }
      .glass-panel {
        background: rgba(21, 28, 40, 0.75);
        backdrop-filter: blur(12px);
        border: 1px solid var(--border-color);
      }
      .glow-border {
        border: 1px solid rgba(0, 229, 153, 0.2);
        transition: all 0.3s ease;
      }
      .glow-border:hover {
        border-color: rgba(0, 229, 153, 0.6);
        box-shadow: 0 0 20px rgba(0, 229, 153, 0.15);
      }
      details summary::-webkit-details-marker {
        display: none;
      }
      details summary {
        list-style: none;
      }