* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Arial', sans-serif;
}

body {
    height: 100vh;
    background: linear-gradient(
        135deg,
        #7a00ff,
        #a100ff,
        #ff3ec9
    );
    display: flex;
    align-items: center;
    justify-content: center;
}

.container {
    text-align: center;
}

#soon-text {
    font-size: 6rem;
    font-weight: bold;
    color: #ff7adf;
    text-shadow:
        0 0 10px #ff4fd8,
        0 0 20px #c800ff,
        0 0 40px #8a00ff;
    animation: glow 2s infinite alternate;
}

@keyframes glow {
    from {
        text-shadow:
            0 0 10px #ff4fd8,
            0 0 20px #c800ff,
            0 0 40px #8a00ff;
    }
    to {
        text-shadow:
            0 0 20px #ff8ae8,
            0 0 40px #ff3ec9,
            0 0 60px #a100ff;
    }
}