body {
    margin: 0;
    padding: 0;
    background: linear-gradient(90deg, #ff6a00, #ee0979);
    animation: gradient 3s ease infinite;
}

.phrase-container {
    text-align: center;
}

.phrase-text {
    font-size: 30px;
    color: white;
}

.yes-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.yes-text {
    font-size: 100px;
    color: white;
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6;
    animation: glow 1s ease-in-out infinite alternate;
}

@keyframes glow {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6;
    }
    to {
        text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6;
    }
}

@keyframes gradient {
    0% {background: #ff6a00;}
    50% {background: #ee0979;}
    100% {background: #ff6a00;}
}