/* roulang page: index */
:root {
            --primary: #00E5FF;
            --primary-hover: #00B8CC;
            --dark: #1A1A1A;
            --light: #F5F5F5;
        }
        body { background-color: var(--dark); color: #E5E7EB; font-family: 'Inter', sans-serif; }
        .bg-tech { background-image: linear-gradient(rgba(26, 26, 26, 0.9), rgba(26, 26, 26, 0.9)), url('/assets/images/15625ac88dea8028.png'); }
        .text-accent { color: var(--primary); }
        .bg-accent { background-color: var(--primary); }
        .hover-accent:hover { background-color: var(--primary-hover); }
        .btn-main { transition: all 0.3s ease; display: inline-block; padding: 12px 32px; border-radius: 4px; font-weight: 600; }
        .card-glass { background: #262626; border: 1px solid #404040; transition: transform 0.3s ease; }
        .card-glass:hover { border-color: var(--primary); transform: translateY(-5px); }
        .section-padding { padding-top: 80px; padding-bottom: 80px; }
        .nav-link:hover { color: var(--primary); }