/* roulang page: index */
:root {
            --bg-dark: #121212;
            --accent-green: #CCFF00;
            --border-light: #2a2a2a;
        }
        body {
            background-color: var(--bg-dark);
            color: #FFFFFF;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            line-height: 1.6;
        }
        .reveal-element {
            opacity: 0;
            transform: translateY(24px);
            transition: opacity 0.5s ease, transform 0.5s ease;
        }
        .reveal-element.active {
            opacity: 1;
            transform: translateY(0);
        }
        .custom-card-border {
            border: 1px solid var(--border-light);
            border-radius: 8px;
        }
        .custom-btn {
            background-color: var(--accent-green);
            color: #121212;
            font-weight: 700;
            border-radius: 8px;
            transition: all 0.3s ease;
        }
        .custom-btn:hover {
            background-color: #b5e600;
            opacity: 0.95;
        }