/* roulang page: index */
:root { --glass: rgba(255, 255, 255, 0.05); }
        body { background-color: #0F1117; color: #F8F9FA; font-family: 'Inter', 'Noto Sans SC', sans-serif; }
        .glass-card { background: var(--glass); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; }
        .nav-blur { backdrop-filter: blur(15px); background: rgba(15, 17, 23, 0.8); }
        section { padding: 4rem 1rem; }
        h1, h2, h3 { color: #FFFFFF; font-weight: 700; }
        .text-gradient { background: linear-gradient(90deg, #6C5CE7, #00CEC9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .btn-primary { background: linear-gradient(90deg, #6C5CE7, #00CEC9); transition: transform 0.2s, opacity 0.2s; }
        .btn-primary:hover { opacity: 0.9; transform: scale(1.05); }