/* roulang page: index */
:root {
            --primary: #0EA5E9;
            --secondary: #6366F1;
            --accent: #F43F5E;
            --bg-base: #F8FAFC;
            --text-main: #0F172A;
            --text-muted: #64748B;
        }
        body {
            background-color: var(--bg-base);
            color: var(--text-main);
            overflow-x: hidden;
        }
        .code-window {
            background: #090D16;
            border: 1px solid rgba(255, 255, 255, 0.1);
            box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.5);
        }
        .glass-panel {
            background: rgba(255, 255, 255, 0.03);
            backdrop-filter: blur(16px);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }
        .text-gradient {
            background: linear-gradient(135deg, #0EA5E9 0%, #6366F1 50%, #F43F5E 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .badge-kicker {
            display: inline-flex;
            align-items: center;
            padding: 0.25rem 0.75rem;
            border-radius: 9999px;
            font-size: 0.75rem;
            font-weight: 600;
            letter-spacing: 0.05em;
            text-transform: uppercase;
        }