html {
	scroll-behavior: smooth;
}
.navbar-scrolled {
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
	background-color: white;
}
.animate-float {
	animation: float 6s ease-in-out infinite;
}
@keyframes float {
	0% { transform: translateY(0px); }
	50% { transform: translateY(-15px); }
	100% { transform: translateY(0px); }
}

.hover-lift {
	transition: transform 0.2s ease-in-out;
}
.hover-lift:hover {
	transform: translateY(-2px);
}
.link-underline {
	position: relative;
}
.link-underline::after {
	content: '';
	position: absolute;
	width: 0;
	height: 2px;
	bottom: -2px;
	left: 0;
	background-color: var(--color-primary);
	transition: width 0.3s ease;
}
.link-underline:hover::after {
	width: 100%;
}