/* roulang page: index */
:root {
            --brand-dark: #11161B;
            --brand-night: #0A0D10;
            --brand-orange: #FF5E1E;
            --brand-silver: #F4F6F8;
            --brand-text: #0D1117;
            --brand-body: #4A5568;
            --radius-default: 10px;
        }
        body {
            color: var(--brand-body);
            background-color: #FFFFFF;
            letter-spacing: -0.01em;
            line-height: 1.7;
        }
        h1, h2, h3, h4, h5, h6 {
            color: var(--brand-text);
            letter-spacing: -0.02em;
        }
        .site-card {
            border: 1px solid rgba(0, 0, 0, 0.06);
            border-radius: var(--radius-default);
            box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.03);
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .site-card:hover {
            transform: translateY(-4px);
            border-color: rgba(255, 94, 30, 0.3);
            box-shadow: 0 12px 30px rgba(255, 94, 30, 0.08);
        }
        .nav-link {
            transition: color 0.2s ease;
        }
        .nav-link:hover {
            color: var(--brand-orange);
        }
        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.35s ease-out;
        }