:root {
            --acv-purple: #9d4edd;
            --acv-cyan: #00d4ff;
        }
        body {
            font-family: 'Plus Jakarta Sans', sans-serif;
            background-color: #000000;
            color: #e2e8f0;
            overflow: auto; /* Scroll liberado inicialmente */
            scroll-behavior: smooth;
        }
        /* Estilo da Tela de Login (Modal) */
        #login-screen {
            position: fixed;
            inset: 0;
            z-index: 100;
            background: rgba(0, 0, 0, 0.9); /* Fundo escurecido */
            display: none; /* Escondido inicialmente */
            align-items: center;
            justify-content: center;
            backdrop-filter: blur(10px);
            transition: opacity 0.5s ease;
        }
        .login-box {
            width: 100%;
            max-width: 400px;
            padding: 40px;
            border-radius: 20px;
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(255, 255, 255, 0.1);
            text-align: center;
        }
        .input-field {
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.1);
            color: white;
            padding: 12px 16px;
            width: 100%;
            border-radius: 8px;
            margin-bottom: 16px;
            outline: none;
            transition: border-color 0.3s;
        }
        .input-field:focus {
            border-color: var(--acv-cyan);
        }
        /* Efeitos do Site */
        .text-gradient {
            background: linear-gradient(135deg, var(--acv-purple), var(--acv-cyan));
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .bg-gradient-acv {
            background: linear-gradient(135deg, var(--acv-purple), var(--acv-cyan));
        }
        .glass {
            background: rgba(255, 255, 255, 0.02);
            backdrop-filter: blur(15px);
            border: 1px solid rgba(255, 255, 255, 0.05);
        }
        .logo-glow {
            filter: drop-shadow(0 0 8px rgba(157, 78, 221, 0.4));
        }
        .hero-mesh {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            background-image: 
                radial-gradient(circle at 20% 30%, rgba(157, 78, 221, 0.15) 0%, transparent 50%),
                radial-gradient(circle at 80% 70%, rgba(0, 212, 255, 0.1) 0%, transparent 50%);
            z-index: -1;
        }
        .grid-lines {
            background-size: 60px 60px;
            background-image: linear-gradient(to right, rgba(255,255,255,0.02) 1px, transparent 1px),
                              linear-gradient(to bottom, rgba(255,255,255,0.02) 1px, transparent 1px);
        }
        .card-portal:hover {
            border-color: var(--acv-cyan);
            transform: translateY(-5px);
            transition: all 0.3s ease;
        }