/* roulang page: index */
:root {
            --primary: #0D5C75;
            --accent: #00B4D8;
            --bg-light: #F8FAFC;
        }
        body {
            color: #1E293B;
            background-color: #FFFFFF;
            overflow-x: hidden;
            font-feature-settings: "cv02", "cv03", "cv04", "cv11";
        }
        .hero-pattern {
            background-image: radial-gradient(rgba(13, 92, 117, 0.08) 1px, transparent 1px);
            background-size: 24px 24px;
        }
        .code-syntax {
            font-family: 'JetBrains Mono', monospace;
        }
        .custom-glass {
            background: rgba(255, 255, 255, 0.88);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
        }