/* roulang page: index */
:root {
            --color-primary: #0F172A;
            --color-primary-light: #1E293B;
            --color-accent: #059669;
            --color-accent-hover: #047857;
            --color-sky: #0284C7;
            --color-bg-light: #F8FAFC;
            --color-border: #E2E8F0;
            --shadow-subtle: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px -1px rgba(0, 0, 0, 0.05);
            --shadow-card: 0 10px 25px -5px rgba(15, 23, 42, 0.08);
        }
        body {
            color: #334155;
            background-color: #FFFFFF;
            -webkit-font-smoothing: antialiased;
        }
        .coupon-mask {
            background-image: radial-gradient(circle at 0 50%, transparent 10px, #ffffff 11px), radial-gradient(circle at 100% 50%, transparent 10px, #ffffff 11px);
        }
        .coupon-mask-dark {
            background-image: radial-gradient(circle at 0 50%, transparent 10px, #1e293b 11px), radial-gradient(circle at 100% 50%, transparent 10px, #1e293b 11px);
        }
        details summary::-webkit-details-marker { display: none; }