/* roulang page: index */
:root { --font-main: 'Inter', system-ui, -apple-system, sans-serif; }
        body { font-family: var(--font-main); color: #334155; background-color: #F8FAFC; }
        .gradient-bg { background: linear-gradient(135deg, #0F2537 0%, #1e3a5a 100%); }
        .nav-sticky { backdrop-filter: blur(10px); background-color: rgba(255, 255, 255, 0.9); transition: all 0.3s; }
        .card-hover:hover { transform: translateY(-5px); transition: all 0.3s ease; }
        .bento-grid { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 1.5rem; }
        @media (min-width: 768px) { .bento-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
        @media (min-width: 1024px) { .bento-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
        .btn-glow { box-shadow: 0 4px 15px rgba(0, 208, 156, 0.3); }