@charset "utf-8";

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Animations */
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes slideUp { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }

.animate-fade-in { animation: fadeIn 0.5s ease-out forwards; }
.animate-slide-up { animation: slideUp 0.8s ease-out forwards; }

/* Navbar Transitions */
.nav-transparent { background-color: transparent; padding-top: 1.25rem; padding-bottom: 1.25rem; }
.nav-scrolled { background-color: rgba(255, 255, 255, 0.9); backdrop-filter: blur(12px); padding-top: 0.75rem; padding-bottom: 0.75rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); }

.text-scrolled { color: #111827; } /* gray-900 */
.nav-text-white { color: #ffffff; text-shadow: 0 2px 4px rgba(0,0,0,0.3); }

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Animations */
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes slideUp { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }

.animate-fade-in { animation: fadeIn 0.5s ease-out forwards; }
.animate-slide-up { animation: slideUp 0.8s ease-out forwards; }

/* Navbar Transitions */
.nav-transparent { background-color: transparent; padding-top: 1.25rem; padding-bottom: 1.25rem; }
.nav-scrolled { background-color: rgba(255, 255, 255, 0.9); backdrop-filter: blur(12px); padding-top: 0.75rem; padding-bottom: 0.75rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); }

.text-scrolled { color: #111827; } /* gray-900 */
.nav-text-white { color: #ffffff; text-shadow: 0 2px 4px rgba(0,0,0,0.3); }