.title {
    font-family: 'Great Vibes', cursive;
    font-size: 4.5rem;
    font-weight: 400;
    background: linear-gradient(135deg, #d63384, #e91e63, #ff6b9d, #c44569);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 3px 3px 6px rgba(214, 51, 132, 0.3);
    margin-bottom: 1.5rem;
    position: relative;
    letter-spacing: 2px;
    line-height: 1.2;
    transform: rotate(-2deg);
    animation: elegantFloat 6s ease-in-out infinite;
}

.title::after {
    content: '💕';
    position: absolute;
    right: -2.5rem;
    top: 50%;
    transform: translateY(-50%) rotate(15deg);
    font-size: 2.5rem;
    animation: heartbeat 2s ease-in-out infinite;
}

@keyframes elegantFloat {

    0%,
    100% {
        transform: rotate(-2deg) translateY(0px);
    }

    50% {
        transform: rotate(-1deg) translateY(-8px);
    }
}

@keyframes glow {
    0% {
        background: radial-gradient(ellipse at center, rgba(255, 182, 193, 0.2) 0%, transparent 70%);
        transform: scale(1);
    }

    100% {
        background: radial-gradient(ellipse at center, rgba(255, 107, 157, 0.3) 0%, transparent 80%);
        transform: scale(1.1);
    }
}

@keyframes heartbeat {

    0%,
    100% {
        transform: translateY(-50%) rotate(15deg) scale(1);
    }

    50% {
        transform: translateY(-50%) rotate(20deg) scale(1.3);
    }
}

@media (max-width: 480px) {
    .title {
        font-size: 2.5rem;
        letter-spacing: 1px;
        transform: rotate(-1deg);
    }

    .title::after {
        font-size: 1.5rem;
        right: -1rem;
    }
}