:root {
            --color-bg: #09090b;
            --color-primary: #8b5cf6; /* Roxo */
            --color-secondary: #06b6d4; /* Ciano */
            --color-glow: rgba(139, 92, 246, 0.15);
        }

        body {
            background-color: var(--color-bg);
            font-family: 'Space Grotesk', sans-serif;
            overflow-x: hidden;
            color: #f4f4f5;
        }

        /* Efeito de Vidro Fosco (Glassmorphism) */
        .glass-panel {
            background: rgba(15, 15, 20, 0.7);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.08);
            box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
        }

        /* Brilho pulsante para a logo */
        .logo-glow {
            filter: drop-shadow(0 0 20px rgba(6, 182, 212, 0.4)) drop-shadow(0 0 40px rgba(139, 92, 246, 0.3));
            animation: pulse-glow 4s infinite ease-in-out;
        }

        @keyframes pulse-glow {
            0%, 100% { filter: drop-shadow(0 0 15px rgba(6, 182, 212, 0.3)) drop-shadow(0 0 30px rgba(139, 92, 246, 0.2)); }
            50% { filter: drop-shadow(0 0 25px rgba(6, 182, 212, 0.5)) drop-shadow(0 0 50px rgba(139, 92, 246, 0.4)); }
        }

        /* Botão Magnético Neon */
        .btn-neon {
            position: relative;
            background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
            border-radius: 12px;
            overflow: hidden;
            transition: all 0.3s ease;
            box-shadow: 0 0 15px rgba(139, 92, 246, 0.4);
        }

        .btn-neon::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
            transition: 0.5s;
        }

        .btn-neon:hover::before {
            left: 100%;
        }

        .btn-neon:hover {
            transform: translateY(-2px);
            box-shadow: 0 0 25px rgba(6, 182, 212, 0.6);
        }

        /* Barra de Progresso Animada */
        .progress-bar-fill {
            background: linear-gradient(90deg, var(--color-primary), var(--color-secondary));
            width: 78%; /* Progresso atual */
            animation: progress-pulse 2s infinite ease-in-out;
        }

        @keyframes progress-pulse {
            0%, 100% { opacity: 0.9; }
            50% { opacity: 1; filter: brightness(1.2); }
        }

        /* Estilo do Terminal */
        .terminal-font {
            font-family: 'Fira Code', monospace;
        }

        /* Custom Scrollbar para o terminal */
        .custom-scroll::-webkit-scrollbar {
            width: 6px;
        }
        .custom-scroll::-webkit-scrollbar-track {
            background: rgba(0,0,0,0.1);
        }
        .custom-scroll::-webkit-scrollbar-thumb {
            background: rgba(255,255,255,0.1);
            border-radius: 3px;
        }

        /* Animação cursor terminal */
        .cursor-blink::after {
            content: '▊';
            animation: blink 1s infinite;
        }
        @keyframes blink {
            0%, 100% { opacity: 0; }
            50% { opacity: 1; }
        }