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

.logo-container {
    position: relative;
    text-align: center;
}

.logo-container img {
    max-width: 95%;
    max-height: 90vh;
    mask: radial-gradient(circle at var(--mx, 50%) var(--my, 50%), black var(--size, 5%), transparent calc(var(--size, 5%) + 20%));
    -webkit-mask: radial-gradient(circle at var(--mx, 50%) var(--my, 50%), black var(--size, 5%), transparent calc(var(--size, 5%) + 20%));
}

.soon-text {
    color: #fff;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-top: 30px;
    font-family: 'Orbitron', sans-serif;
    letter-spacing: 0.5em;
    opacity: 0.7;
    animation: pulse-glow 3s ease-in-out infinite;
}

@keyframes pulse-glow {
    0%, 100% {
        opacity: 0.4;
        text-shadow: 0 0 5px rgba(255, 255, 255, 0.3);
    }
    50% {
        opacity: 0.9;
        text-shadow: 0 0 15px rgba(255, 255, 255, 0.6), 0 0 30px rgba(255, 255, 255, 0.3);
    }
}