/* Easter Egg do modo Kawaii */
.kawaii-mode {
    background-color: #ffeaf7 !important;
}

.kawaii-mode .section-title,
.kawaii-mode h1, 
.kawaii-mode h2, 
.kawaii-mode h3 {
    color: #ff69b4 !important;
    text-shadow: 2px 2px 0 #ffffff, 3px 3px 0 rgba(255, 105, 180, 0.3) !important;
}

.kawaii-mode .project-card,
.kawaii-mode .tool-card,
.kawaii-mode .blog-card {
    box-shadow: 0 5px 15px rgba(255, 105, 180, 0.5) !important;
    border: 2px dashed #ff69b4 !important;
}

.easter-egg-cursor {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23ff69b4' viewBox='0 0 16 16'><path d='M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2zm.995-14.901a1 1 0 1 0-1.99 0A5.002 5.002 0 0 0 3 6c0 1.098-.5 6-2 7h14c-1.5-1-2-5.902-2-7 0-2.42-1.72-4.44-4.005-4.901z'/></svg>") !important;
    width: 24px !important;
    height: 24px !important;
    transform: translate(-50%, -50%) !important;
}

.falling-heart {
    position: fixed;
    top: -20px;
    animation: falling 5s linear forwards;
    z-index: 9998;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23ff69b4' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M8 1.314C12.438-3.248 23.534 4.735 8 15-7.534 4.736 3.562-3.248 8 1.314z'/></svg>") center no-repeat;
    background-size: contain;
    pointer-events: none;
}

@keyframes falling {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
    }
    75% {
        opacity: 1;
    }
    100% {
        transform: translateY(100vh) rotate(360deg);
        opacity: 0;
    }
}

/* Overlay estilizado para o easter egg */
.easter-egg-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.easter-egg-modal {
    color: #333;
    background-color: #fff;
    border: 3px solid #ff69b4;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    max-width: 90%;
    width: 400px;
    box-shadow: 0 0 20px rgba(255, 105, 180, 0.7);
}

.easter-egg-modal h3 {
    color: #ff69b4;
    margin-top: 0;
    font-size: 1.5rem;
    text-shadow: 1px 1px 0 rgba(255, 105, 180, 0.3);
}

.easter-egg-modal p {
    color: #000000;
    background-color: #ff9bc7;
    text-shadow: 2px 2px 0px #ffffff, -1px -1px 0px #ffffff;
    font-weight: 900;
    box-shadow: 0 0 15px rgba(255, 105, 180, 0.9);
    padding: 15px;
    margin: 15px 0;
    border: 3px solid #d44d93;
    font-size: 1.3rem;
    letter-spacing: 0.5px;
    animation: pulse-text 2s infinite ease-in-out;
    border-radius: 8px;
}

.easter-egg-modal button {
    background: #ff69b4;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: bold;
    font-size: 1.1rem;
    letter-spacing: 1px;
    margin-top: 10px;
    box-shadow: 0 4px 0 #d44d93;
}

.easter-egg-modal button:hover {
    background: #ff4aa6;
}

@keyframes pulse-text {
    0% { box-shadow: 0 0 0 0 rgba(255, 105, 180, 0.8); transform: scale(1); }
    50% { box-shadow: 0 0 10px 5px rgba(255, 105, 180, 0.6); transform: scale(1.03); }
    100% { box-shadow: 0 0 0 0 rgba(255, 105, 180, 0.8); transform: scale(1); }
}

/* Elemento decorativo de brilhos */
.easter-egg-sparkles {
    font-size: 2.2rem;
    margin-bottom: 15px;
    animation: spin-sparkles 3s infinite linear;
    letter-spacing: 10px;
    text-shadow: 0 0 5px #ffffff, 0 0 10px #ff9bc7;
    color: #ff4aa6;
}
@keyframes spin-sparkles {
    0% { transform: rotate(0deg) scale(1); opacity: 0.8; }
    25% { transform: rotate(90deg) scale(1.1); opacity: 1; }
    50% { transform: rotate(180deg) scale(1.3); opacity: 1; }
    75% { transform: rotate(270deg) scale(1.1); opacity: 0.9; }
    100% { transform: rotate(360deg) scale(1); opacity: 0.8; }
}