body { font-family: 'Poppins', sans-serif; margin: 0; }
.navbar { background-color: rgba(42, 122, 228, 0.8); transition: background-color 0.3s ease; }
.navbar.scrolled { background-color: #2A7AE4; }
.hero { height: 50vh; background: linear-gradient(to right, #2A7AE4, #4facfe); color: white; }
footer { background-color: #2A7AE4; color: white; padding: 40px 20px; }
.btn-primary { background-color: white; color: #2A7AE4; font-weight: bold; border: none; }

.form-feedback {
	display: none;
	padding: 14px 18px;
	border-radius: 14px;
	border: 1px solid rgba(255, 255, 255, 0.35);
	background: rgba(255, 255, 255, 0.12);
	color: #ffffff;
	font-weight: 600;
	letter-spacing: 0.01em;
	box-shadow: 0 18px 32px rgba(0, 0, 0, 0.18);
	backdrop-filter: blur(6px);
	transition: opacity 0.3s ease;
	opacity: 0;
}

.form-feedback.is-visible {
	display: block;
	opacity: 1;
	animation: formFeedbackFadeIn 0.35s ease;
}

.form-feedback.feedback-success {
	border-color: rgba(26, 255, 202, 0.5);
	background: rgba(26, 255, 202, 0.15);
	color: #b9ffee;
}

.form-feedback.feedback-error {
	border-color: rgba(255, 136, 149, 0.5);
	background: rgba(255, 136, 149, 0.15);
	color: #ffd3d9;
}

@keyframes formFeedbackFadeIn {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: translateY(0); }
}