/* roulang page: index */
:root {
            --bg-main: #0B0E11;
            --bg-card: #181A20;
            --brand-primary: #F0B90B;
            --brand-green: #0ECB81;
            --line-color: #2B313A;
        }
        * { box-sizing: border-box; }
        body {
            background-color: var(--bg-main);
            color: #EAECEF;
            font-family: system-ui, -apple-system, sans-serif;
            -webkit-font-smoothing: antialiased;
            overflow-x: hidden;
        }
        .term-glow {
            box-shadow: 0 0 25px rgba(240, 185, 11, 0.08);
        }
        .code-box {
            background: #050709;
            border: 1px solid #2B313A;
            font-family: ui-monospace, SFMono-Regular, monospace;
        }
        .coupon-mask {
            background: radial-gradient(circle at 0% 50%, transparent 12px, #181A20 13px),
                        radial-gradient(circle at 100% 50%, transparent 12px, #181A20 13px);
            background-size: 51% 100%;
            background-position: 0 0, 100% 0;
            background-repeat: no-repeat;
        }
        .custom-scrollbar::-webkit-scrollbar {
            height: 6px;
            width: 6px;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #2B313A;
            border-radius: 3px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: #0B0E11;
        }