/* roulang page: index */
:root {
            --primary: #00D2B4;
            --primary-hover: #00A389;
            --dark-bg: #090D16;
            --card-border: rgba(226, 232, 240, 0.8);
            --card-shadow: 0 20px 40px -15px rgba(0, 210, 180, 0.08);
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
            color: #1e293b;
            background-color: #f8fafc;
            overflow-x: hidden;
        }
        .stage-box {
            box-shadow: 0 25px 60px -15px rgba(0, 210, 180, 0.25), 0 0 30px rgba(99, 102, 241, 0.15);
        }
        details > summary::-webkit-details-marker {
            display: none;
        }
        details[open] summary svg {
            transform: rotate(180deg);
        }
        .custom-scrollbar::-webkit-scrollbar {
            height: 6px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: #f1f5f9;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #cbd5e1;
            border-radius: 3px;
        }