/* roulang page: index */
:root {
            --primary-color: #0055FF;
            --accent-color: #FF3E3E;
            --bg-dark: #0A0B10;
            --text-main: #E2E8F0;
            --text-dim: #94A3B8;
        }
        body { background-color: var(--bg-dark); color: var(--text-main); font-family: 'Inter', system-ui, sans-serif; }
        .gradient-text { background: linear-gradient(90deg, #0055FF, #4D8BFF); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .cyber-card { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; transition: all 0.3s ease; }
        .cyber-card:hover { border-color: var(--primary-color); box-shadow: 0 10px 20px rgba(0,85,255,0.2); }
        .btn-primary { background-color: var(--primary-color); transition: all 0.3s; }
        .btn-primary:hover { background-color: #0044CC; transform: translateY(-2px); }
        .nav-link:hover { color: var(--primary-color); }
        .section-padding { padding: 80px 0; }
        @media (max-width: 768px) { .section-padding { padding: 40px 0; } }