/* roulang page: index */
:root {
            --primary: #0F2C59;
            --accent: #0066FF;
            --success: #00B074;
            --bg-light: #F8FAFC;
            --border-slate: rgba(226, 232, 240, 0.9);
            --card-shadow: 0 4px 20px -2px rgba(15, 44, 89, 0.05), 0 2px 6px -1px rgba(15, 44, 89, 0.02);
            --card-shadow-hover: 0 12px 28px -4px rgba(15, 44, 89, 0.12), 0 4px 10px -2px rgba(15, 44, 89, 0.04);
        }
        html { scroll-behavior: smooth; }
        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background-color: var(--bg-light); color: #334155; }
        .custom-card {
            background-color: #ffffff;
            border: 1px solid var(--border-slate);
            box-shadow: var(--card-shadow);
            transition: all 0.25s ease-in-out;
        }
        .custom-card:hover {
            box-shadow: var(--card-shadow-hover);
            transform: translateY(-2px);
        }
        .code-font { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }