/* roulang page: index */
:root {
            --primary: #1e40af;
            --secondary: #f43f5e;
            --bg-light: #f8fafc;
            --text-main: #0f172a;
            --text-muted: #64748b;
        }
        .coupon-cutout {
            position: relative;
            background: radial-gradient(circle at left, transparent 12px, #ffffff 13px) left,
                        radial-gradient(circle at right, transparent 12px, #ffffff 13px) right;
            background-size: 51% 100%;
            background-repeat: no-repeat;
        }
        .coupon-cutout-blue {
            position: relative;
            background: radial-gradient(circle at left, transparent 12px, #1e40af 13px) left,
                        radial-gradient(circle at right, transparent 12px, #1e40af 13px) right;
            background-size: 51% 100%;
            background-repeat: no-repeat;
        }