body {
        margin: 0;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #ffffff; /* fundo preto */
    }

    .logo-container {
        animation: fadeZoom 1.8s ease-out forwards,
                    glow 3s ease-in-out infinite 1.8s;
    }

    /* animação inicial */
    @keyframes fadeZoom {
        0% {
            opacity: 0;
            transform: scale(0.6);
            filter: blur(8px);
        }
        100% {
            opacity: 1;
            transform: scale(1);
            filter: blur(0px);
        }
    }

    /* brilho pulsante contínuo */
    @keyframes glow {
        0% { filter: drop-shadow(0 0 5px #4c00ff); }
        50% { filter: drop-shadow(0 0 20px #4c00ff); }
        100% { filter: drop-shadow(0 0 5px #4c00ff); }
    }

    img {
        width: 300px;
        max-width: 90vw;
    }