/* roulang page: index */
:root {
            --bg-deep: #080c14;
            --bg-card: #0f172a;
            --accent-gold: #f59e0b;
            --accent-amber: #d97706;
            --accent-emerald: #10b981;
            --text-main: #f8fafc;
            --text-muted: #94a3b8;
            --border-subtle: rgba(255, 255, 255, 0.08);
            --border-gold-glow: rgba(245, 158, 11, 0.35);
        }

        body {
            background-color: var(--bg-deep);
            color: var(--text-main);
            overflow-x: hidden;
        }

        .gold-glow {
            box-shadow: 0 0 25px rgba(245, 158, 11, 0.15);
        }

        .gold-border-glow:hover {
            border-color: var(--accent-gold);
            box-shadow: 0 0 20px rgba(245, 158, 11, 0.2);
        }

        .tech-grid-bg {
            background-size: 40px 40px;
            background-image: 
                linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
        }

        details > summary::-webkit-details-marker {
            display: none;
        }

        .accordion-arrow {
            transition: transform 0.25s ease-in-out;
        }
        details[open] .accordion-arrow {
            transform: rotate(180deg);
        }