body {
	font-family: 'Inter', sans-serif;
	scroll-behavior: smooth;
	overflow-x: hidden;
}

.reveal {
	opacity: 0;
	transform: translateY(30px);
	transition: all 0.8s ease-out;
}

.reveal.active {
	opacity: 1;
	transform: translateY(0);
}

.hover-lift {
	transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.hover-lift:hover {
	transform: translateY(-8px);
}

.faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
	opacity: 0;
}

.faq-item.active .faq-answer {
	max-height: 500px;
	opacity: 1;
}

.faq-item.active .faq-chevron {
	transform: rotate(180deg);
}

/* Modal Styles */
.modal-overlay {
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}

.modal-overlay.active {
	opacity: 1;
	visibility: visible;
}

.modal-content {
	transform: scale(0.9);
	transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.modal-overlay.active .modal-content {
	transform: scale(1);
}

body.modal-open {
	overflow: hidden;
}

/* Status Messages */

 .form-status {
     display: none;
     padding: 1rem;
     border-radius: 0.75rem;
     margin-top: 1.5rem;
     font-weight: 600;
     text-align: center;
}
 .form-status.success {
     display: block;
     background-color: #dcfce7;
     color: #166534;
     border: 1px solid #bbf7d0;
}
 .form-status.error {
     display: block;
     background-color: #fee2e2;
     color: #991b1b;
     border: 1px solid #fecaca;
}

.bg-gray-900\/80 {
	background-color: rgb(17 24 39 / 0.8);
	clip-path: polygon(0 0, 85% 0, 45% 100%, 0 100%);
}

.bg-red-600\/10 {
	clip-path: polygon(85% 0, 85.3% 0, 45.3% 100%, 45% 100%)
}

a.text-white.hover\:text-red-600.transition-colors.font-medium {
    color: #c9c9c9;
}

@media (max-width: 1200px) {

	.absolute.inset-0.bg-gray-900\/80 {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}

	.bg-red-600\/10 {
		background-color: rgb(220 38 38 / 0.1);
		clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	}

}