/* Keyframes & Motion Dynamics */

@keyframes floatSlow {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }
    50% {
        transform: translateY(-12px) rotate(1deg);
    }
}

@keyframes starShimmer {
    0%, 100% {
        opacity: 0.3;
        transform: scale(0.95);
    }
    50% {
        opacity: 1;
        transform: scale(1.05);
    }
}

.star-shimmer {
    animation: starShimmer 4s ease-in-out infinite;
}

/* Stacking Card Transformations */
.stack-card:nth-child(1) {
    z-index: 10;
}
.stack-card:nth-child(2) {
    z-index: 20;
}
.stack-card:nth-child(3) {
    z-index: 30;
}

/* Subtle gradient borders */
.border-gradient {
    position: relative;
}

.border-gradient::after {
    content: '';
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.2));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}