/* roulang page: index */
:root {
            --primary: #0f4c81;
            --secondary: #00a896;
            --bg-light: #f8fafc;
            --text-dark: #0f172a;
            --text-body: #475569;
        }
        html { scroll-behavior: smooth; }
        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
        .hero-bg {
            background: linear-gradient(135deg, rgba(11, 30, 51, 0.92) 0%, rgba(15, 76, 129, 0.85) 100%), url('/assets/images/329b2b88d3972521.webp') center/cover no-repeat;
        }
        .countdown-circle {
            background: conic-gradient(#00a896 calc(var(--progress, 75) * 1%), rgba(255, 255, 255, 0.15) 0);
        }