/* assets/css/style.css (नई या अपडेटेड) */

/* Floating Tarot Cards Animation */
.floating-cards {
    perspective: 1500px;
}

.card {
    transform-style: preserve-3d;
    transition: all 0.8s ease;
}

.animate-float-1 { animation: float 12s infinite ease-in-out; top: 10%; left: 5%; }
.animate-float-2 { animation: float 14s infinite ease-in-out; top: 30%; right: 8%; }
.animate-float-3 { animation: float 16s infinite ease-in-out; bottom: 15%; left: 12%; }
.animate-float-4 { animation: float 18s infinite ease-in-out; bottom: 25%; right: 10%; }
.animate-float-5 { animation: float 20s infinite ease-in-out; top: 40%; left: 35%; }

@keyframes float {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-40px) rotate(8deg); }
}

/* Sticky Header Shadow on Scroll */
#header.scrolled {
    background: rgba(49, 46, 129, 0.95) !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 20px rgba(0,0,0,0.4);
}

/* Responsive */
@media (max-width: 768px) {
    .floating-cards img { width: 120px !important; }
}