@tailwind base;
@tailwind components;
@tailwind utilities;

@keyframes fadeInDown {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in-down {
    animation: fadeInDown 1s ease-out forwards;
}
.animate-fade-in-up {
    animation: fadeInUp 1s ease-out forwards;
}

body {
    font-family: 'Manrope', sans-serif;
}
.sticky-header {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(0, 77, 102, 0.95);
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}
.animate-fade-in {
    animation: fadeIn 1s ease-in;
}
.animate-slide-up {
    animation: slideUp 0.8s ease-out;
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes slideUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}