/* roulang page: index */
:root {
            --primary: #6C3CE9;
            --coral: #FF4D6D;
            --bg-dark: #0D0F17;
            --bg-card: #161926;
            --teal: #00F5D4;
        }
        body {
            background-color: var(--bg-dark);
            color: #B8BFCC;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
            overflow-x: hidden;
        }
        .text-glow {
            text-shadow: 0 0 20px rgba(108, 60, 233, 0.6);
        }
        .hero-bg {
            background: linear-gradient(180deg, rgba(13, 15, 23, 0.75) 0%, rgba(13, 15, 23, 0.95) 100%), url('/assets/images/eecc3d1eaf66cf7f.png') center/cover no-repeat;
        }
        .btn-hover-effect {
            transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .btn-hover-effect:hover {
            transform: translateY(-2px);
            filter: brightness(1.15);
        }