/* roulang page: index */
:root {
            --bg-base: #0D0F12;
            --text-main: #F8F9FA;
            --accent-gold: #C5A880;
        }
        body {
            background-color: #0D0F12;
            color: #E2E8F0;
            overflow-x: hidden;
        }
        .gold-gradient-text {
            background: linear-gradient(135deg, #FFF 20%, #C5A880 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .gold-border {
            border: 1px solid rgba(197, 168, 128, 0.28);
        }
        .card-subtle {
            background: rgba(26, 31, 38, 0.65);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.06);
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .card-subtle:hover {
            border-color: rgba(197, 168, 128, 0.4);
            transform: translateY(-2px);
            box-shadow: 0 12px 30px -10px rgba(0, 0, 0, 0.5);
        }
        .section-separator {
            border-top: 1px solid rgba(255, 255, 255, 0.05);
        }
        .timeline-line {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            width: 2px;
            background: linear-gradient(to bottom, #C5A880, rgba(197, 168, 128, 0.1));
        }