/* roulang page: index */
:root {
            --primary: #00F59B;
            --primary-hover: #00D887;
            --dark-bg: #0F172A;
            --slate-bg: #1E293B;
            --text-main: #0F172A;
            --text-muted: #64748B;
        }
        body {
            font-family: system-ui, -apple-system, "PingFang SC", "Segoe UI", Roboto, sans-serif;
            color: var(--text-main);
            background-color: #F8FAFC;
            scroll-behavior: smooth;
        }
        .glow-border {
            box-shadow: 0 0 15px rgba(0, 245, 155, 0.15);
        }
        .glow-border:hover {
            box-shadow: 0 0 25px rgba(0, 245, 155, 0.35);
        }
        .code-pattern {
            background-image: radial-gradient(#1E293B 1px, transparent 1px);
            background-size: 24px 24px;
        }