/* roulang page: index */
:root {
            --brand-dark: #0A2540;
            --brand-teal: #00D2B4;
            --brand-accent: #FF5A36;
            --bg-deep: #071426;
            --bg-surface: #F8FAFC;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
            color: #334155;
            background-color: #ffffff;
        }
        .hero-bg {
            background-image: linear-gradient(135deg, rgba(10, 37, 64, 0.94) 0%, rgba(7, 20, 38, 0.98) 100%), url('/assets/images/0202121c0360398d.jpg');
            background-size: cover;
            background-position: center;
        }
        .badge-glow {
            box-shadow: 0 0 15px rgba(0, 210, 180, 0.35);
        }