@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

/* ব্যাকগ্রাউন্ড অরবিটের জন্য ভাসমান অ্যানিমেশন */
@keyframes float-slow {
    0%, 100% { transform: translateY(0px) scale(1); }
    50% { transform: translateY(-20px) scale(1.05); }
}

.animate-float {
    animation: float-slow 10s ease-in-out infinite;
}

.animate-float-reverse {
    animation: float-slow 12s ease-in-out infinite reverse;
}

/* প্রিমিয়াম গ্লাস কার্ড স্টাইল */
.glass-card {
    background: rgba(255, 255, 255, 0.45);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.04);
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.glass-card:hover {
    transform: translateY(-6px);
    background: rgba(255, 255, 255, 0.4);
    border-color: rgba(59, 130, 246, 0.4);
    box-shadow: 0 20px 40px -15px rgba(59, 130, 246, 0.15);
}

/* এক নজরের জন্য গ্লাস সাব-কার্ড */
.stat-glass-card {
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.02);
    transition: all 0.3s ease;
}

.stat-glass-card:hover {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(59, 130, 246, 0.8);
    transform: translateY(-2px);
}

/* মেনু টাচ গ্লাস শ্যাডো এফেক্ট */
/* মোবাইল ও ডেস্কটপ উভয়ের জন্য টাচ হাইলাইট রিমুভ এবং ট্রানজিশন সেট */
.menu-glass-touch, .mobile-link {
    -webkit-tap-highlight-color: transparent; /* মোবাইলের ডিফল্ট ব্লু হাইলাইট রিমুভ করবে */
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ডেস্কটপ হোভার এবং মোবাইল টাচ/অ্যাক্টিভ গ্লাস শ্যাডো এফেক্ট */
.menu-glass-touch:hover, 
.menu-glass-touch:active,
.mobile-link:active,
.mobile-link:focus {
    background: rgba(255, 255, 255, 0.55) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(59, 130, 246, 0.3) !important;
    /* গ্লাসি গ্লো শ্যাডো এবং ইনার লাইট ইফেক্ট */
    box-shadow: 0 10px 25px rgba(59, 130, 246, 0.18), 
                inset 0 1px 2px rgba(255, 255, 255, 0.8) !important;
    transform: scale(0.97); /* টাচ করলে সামান্য ভেতরের দিকে দেবে যাবে (Click Effect) */
}