/* roulang page: index */
:root {
            --primary: #4f46e5;
            --primary-hover: #4338ca;
            --accent: #10b981;
            --bg-light: #f8fafc;
            --text-main: #0f172a;
            --text-sub: #475569;
        }
        html { scroll-behavior: smooth; }
        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif; }
        .gradient-brand { background: linear-gradient(135deg, #4f46e5 0%, #6366f1 50%, #06b6d4 100%); }
        .hero-banner { background-image: linear-gradient(rgba(11, 15, 25, 0.88), rgba(15, 23, 42, 0.94)), url('/assets/images/ef82f388b5501bb2.jpg'); }
        .custom-shadow { box-shadow: 0 10px 30px -5px rgba(79, 70, 229, 0.12); }
        .badge-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
        @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: .6; } }