.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    display: inline-block;
    vertical-align: middle;
}
.material-symbols-outlined.filled {
    font-variation-settings: 'FILL' 1;
}
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
.bento-card { transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease; }
.bento-card:hover { transform: translateY(-8px); box-shadow: 0px 12px 32px rgba(11, 46, 131, 0.12); }
.card-hover { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.card-hover:hover { transform: translateY(-4px); box-shadow: 0px 12px 32px rgba(11, 46, 131, 0.1); }
.hero-overlay { background: linear-gradient(to right, rgba(0, 26, 90, 0.9), rgba(0, 26, 90, 0.6)); }
.custom-scrollbar::-webkit-scrollbar { width: 4px; }
.custom-scrollbar::-webkit-scrollbar-track { background: #f1f1f1; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #0b2e83; border-radius: 10px; }
.active-tab { border-bottom: 3px solid #0b2e83; color: #001a5a; font-weight: 600; }
.gradient-mesh { background-color: #fcf9f8; background-image: radial-gradient(at 0% 0%, rgba(45, 188, 254, 0.1) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(11, 46, 131, 0.05) 0px, transparent 50%); }
@keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } }
.animate-float { animation: float 3s ease-in-out infinite; }
@keyframes pulse-soft { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } }
.animate-pulse-soft { animation: pulse-soft 2s ease-in-out infinite; }