/* roulang page: index */
:root {
            --primary: #0D2818;
            --primary-dark: #06130B;
            --accent: #00E676;
            --text-main: #111418;
            --text-muted: #64748B;
            --bg-light: #F8FAFC;
            --border-color: #E2E8F0;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            color: var(--text-main);
            background-color: #FFFFFF;
            -webkit-font-smoothing: antialiased;
        }
        .card-hover {
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .card-hover:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 28px -4px rgba(13, 40, 24, 0.08);
        }
        .btn-neon {
            background-color: #00E676;
            color: #06130B;
            font-weight: 700;
            transition: all 0.2s ease;
        }
        .btn-neon:hover {
            background-color: #69F0AE;
            transform: translateY(-1px);
            box-shadow: 0 4px 14px rgba(0, 230, 118, 0.35);
        }
        .glow-border {
            border: 1px solid rgba(0, 230, 118, 0.3);
        }
        .coupon-notch {
            position: relative;
            background: radial-gradient(circle at right top, transparent 8px, #ffffff 8.5px),
                        radial-gradient(circle at right bottom, transparent 8px, #ffffff 8.5px);
        }
        /* Custom Accordion Styling */
        details summary::-webkit-details-marker {
            display: none;
        }