/* roulang page: index */
:root {
            --primary: #ff3e1d;
            --primary-glow: rgba(255, 62, 29, 0.35);
            --secondary: #00f0ff;
            --secondary-glow: rgba(0, 240, 255, 0.25);
            --dark-base: #06080e;
            --dark-card: #0c101a;
            --dark-border: #1a2235;
            --text-main: #f1f5f9;
            --text-muted: #94a3b8;
        }

        body {
            background-color: var(--dark-base);
            color: var(--text-main);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        .custom-glow {
            box-shadow: 0 0 25px var(--primary-glow);
        }

        .custom-glow-cyan {
            box-shadow: 0 0 25px var(--secondary-glow);
        }

        .grid-bg {
            background-size: 36px 36px;
            background-image: 
                linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
        }

        .linear-border {
            border: 1px solid var(--dark-border);
            transition: all 0.25s ease-in-out;
        }

        .linear-border:hover {
            border-color: rgba(255, 62, 29, 0.5);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6);
        }

        .text-gradient {
            background: linear-gradient(135deg, #ffffff 30%, #ff5722 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .text-gradient-cyan {
            background: linear-gradient(135deg, #00f0ff 0%, #3b82f6 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .scanline {
            position: relative;
        }
        .scanline::after {
            content: " ";
            display: block;
            position: absolute;
            top: 0; left: 0; bottom: 0; right: 0;
            background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);
            background-size: 100% 4px;
            z-index: 2;
            pointer-events: none;
            opacity: 0.3;
        }