/* roulang page: index */
:root {
            --color-primary: #0F2F38;
            --color-accent: #00E599;
            --color-warning: #F5A623;
            --color-canvas: #F6F8F9;
            --color-darkslate: #0B171C;
        }
        body {
            background-color: var(--color-canvas);
            color: #1A2B32;
            letter-spacing: -0.01em;
        }
        .glow-accent {
            box-shadow: 0 0 25px -4px rgba(0, 229, 153, 0.45);
        }
        .text-glow {
            text-shadow: 0 0 12px rgba(0, 229, 153, 0.4);
        }
        .accordion-content {
            transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.25s ease-out;
            max-height: 0;
            overflow: hidden;
            opacity: 0;
        }
        .accordion-content.active {
            max-height: 500px;
            transition: max-height 0.35s ease-in-out, opacity 0.3s ease-in;
            opacity: 1;
        }