/* roulang page: index */
:root {
            --bg-primary: #0D1117;
            --bg-secondary: #161B22;
            --text-main: #0F172A;
            --text-muted: #475569;
            --accent-green: #10B981;
            --accent-purple: #7952DE;
            --border-light: #E2E8F0;
            --border-dark: #1E293B;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
            color: #1E293B;
            background-color: #F8FAFC;
        }
        .hero-pattern {
            background-image: linear-gradient(rgba(13, 17, 23, 0.94), rgba(13, 17, 23, 0.96)), url('/assets/images/7734298e307a933e.jpg');
            background-size: cover;
            background-position: center;
        }
        .coupon-border {
            background: radial-gradient(circle at left, transparent 10px, #1E293B 11px) left,
                        radial-gradient(circle at right, transparent 10px, #1E293B 11px) right;
            background-size: 51% 100%;
            background-repeat: no-repeat;
        }