*{
            margin:0;
            padding:0;
            box-sizing:border-box;
            font-family:'Georgia', 'Times New Roman', serif;
        }

        body{
            height:100vh;
            display:flex;
            justify-content:center;
            align-items:center;
            background:#0c0c0c;
            overflow:hidden;
            color:#eee;
        }

        .transition-container{
            width:100%;
            height:100vh;
            display:flex;
            justify-content:center;
            align-items:center;
            background:linear-gradient(
                135deg,
                #1c1a18,
                #2c2a28,
                #111
            );
        }

        .logo{
            display:flex;
            justify-content:center;
            align-items:center;
        }

        .logo img{
            width:500px;
            max-width:90%;
            object-fit:contain;

            animation:aparecer 2s ease;

            filter:
                drop-shadow(0 0 20px rgba(212,163,115,0.4))
                brightness(1.05);
        }

        @keyframes aparecer{
            from{
                opacity:0;
                transform:scale(0.7);
            }

            to{
                opacity:1;
                transform:scale(1);
            }
        }

        .fade-out{
            animation:sumir 1s forwards;
        }

        @keyframes sumir{
            from{
                opacity:1;
            }

            to{
                opacity:0;
            }
        }

        /* Efeito dourado no fundo */
        .transition-container::before{
            content:'';
            position:absolute;
            width:400px;
            height:400px;
            background:#d4a373;
            filter:blur(180px);
            opacity:0.15;
            border-radius:50%;
        }