/* roulang page: index */
:root {
            --primary: #0F172A;
            --secondary: #1E293B;
            --accent: #059669;
            --accent-hover: #10B981;
            --gold: #D97706;
            --bg-light: #F8FAFC;
            --bg-alt: #F1F5F9;
            --text-main: #0F172A;
            --text-muted: #475569;
            --border-soft: rgba(226, 232, 240, 0.8);
            --shadow-subtle: 0 4px 20px -2px rgba(15, 23, 42, 0.05);
        }
        
        body {
            font-family: var(--font-sans);
            color: var(--text-main);
            background-color: var(--bg-light);
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
        }

        .hero-coupon-glow {
            box-shadow: 0 0 50px -10px rgba(5, 150, 105, 0.25);
        }

        .ticket-cutout-l, .ticket-cutout-r {
            position: absolute;
            top: 50%;
            width: 20px;
            height: 20px;
            background-color: #0b0f17;
            border-radius: 50%;
            transform: translateY(-50%);
        }
        .ticket-cutout-l { left: -10px; }
        .ticket-cutout-r { right: -10px; }

        details summary::-webkit-details-marker {
            display: none;
        }