/* Custom CSS for additional tweaks outside of Tailwind utilities */

/* Ghost borders and subtle animations */
.fade-in-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.fade-in-up.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Form input custom styling for autofill to match the navy background */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #001723 inset !important;
    -webkit-text-fill-color: #fcf9f4 !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* Glassmorphism nav active state */
.nav-scrolled {
    background-color: rgba(252, 249, 244, 0.9);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(0, 23, 35, 0.05);
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}