body {
    font-family: 'Cairo', sans-serif;
    transition: background-color 0.3s, color 0.3s;
}
.royal-blue-gradient {
    background: linear-gradient(135deg, #002366 0%, #0047AB 100%);
}
.royal-blue-text {
    color: #0047AB;
}
.dark .dark-royal-bg {
    background-color: #020617;
}
.glass-effect {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.dark .glass-effect {
    background: rgba(15, 23, 42, 0.8);
}
/* Custom Animations */
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
    100% { transform: translateY(0px); }
}
.float-anim { animation: float 6s ease-in-out infinite; }

/* Modal Animation */
.modal-enter { opacity: 0; transform: scale(0.9); }
.modal-enter-active { opacity: 1; transform: scale(1); transition: all 0.3s ease-out; }