html, body { height: 100%; margin: 0; }
* { font-family: 'Poppins', sans-serif; }

.fade-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-up.visible {
    opacity: 1;
    transform: translateY(0);
}

.card-hover {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.card-hover:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(10,31,68,0.12);
}

.pill-hover {
    transition: all 0.2s ease;
}
.pill-hover:hover {
    background: #0A1F44;
    color: #fff;
    transform: scale(1.05);
}

.btn-scale {
    transition: all 0.2s ease;
}
.btn-scale:hover {
    transform: scale(1.03);
}

.dropdown-enter {
    opacity: 0;
    transform: translateY(-8px) scale(0.97);
    pointer-events: none;
    transition: all 0.2s ease;
}
.dropdown-active {
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50%       { transform: translateY(-12px); }
}
.float-anim {
    animation: float 4s ease-in-out infinite;
}