body {
    overflow: hidden;
}

.anime-shadow {
    box-shadow: 0 0 20px rgba(255, 105, 180, 0.3);
}
.cute-hover:hover {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}
@keyframes sparkle {
    0%, 100% { opacity: 0.6; }
    50% { opacity: 1; }
}
.sparkle-bg {
    position: relative;
    overflow: hidden;
}
.sparkle-bg::before {
    content: '✦';
    position: absolute;
    color: rgba(255, 255, 255, 0.2);
    font-size: 20px;
    animation: sparkle 2s infinite;
    top: 10%;
    left: 10%;
}
.sparkle-bg::after {
    content: '✧';
    position: absolute;
    color: rgba(255, 255, 255, 0.2);
    font-size: 15px;
    animation: sparkle 2s infinite reverse;
    bottom: 10%;
    right: 10%;
}

/* Custom scrollbar styles */
.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: rgba(255, 105, 180, 0.1);
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(255, 105, 180, 0.5);
    border-radius: 4px;
}

#sparkle-container {  
    position: fixed;  
    top: 0;  
    left: 0;  
    width: 100%;  
    height: 100%;  
    pointer-events: none;  
    z-index: 9999;  
}  
.sparkle {  
    position: absolute;  
    pointer-events: none;  
    border-radius: 50%;  
    opacity: 0;  
    z-index: 9999;  
    transition:   
        opacity 0.3s ease-out,   
        transform 1.5s cubic-bezier(0.25, 0.1, 0.25, 1),  
        scale 1.5s cubic-bezier(0.25, 0.1, 0.25, 1);  
}  
.sparkle-active {  
    opacity: 1;  
    transform: scale(1) translate(var(--trail-x), var(--trail-y)) rotate(180deg);  
}  
.cursor-dot {  
    position: fixed;  
    width: 10px;  
    height: 10px;  
    background: radial-gradient(circle, #ff3d7f 0%, #c6005c 100%);  
    border-radius: 50%;  
    pointer-events: none;  
    transform: translate(-50%, -50%) scale(0.5);  
    box-shadow: 0 0 15px rgba(198,0,92,0.5);  
    transition: transform 0.1s ease-out;  
    z-index: 10000;  
}  
.cursor-dot:hover {  
    transform: translate(-50%, -50%) scale(1.5);  
}