.message-form {
	display: grid;
	gap: 12px;
}

.message-form input,
.message-form textarea {
	width: 100%;
	padding: 15px 16px;
	color: var(--color-text);
	background: rgba(255, 250, 241, 0.78);
	border: 1px solid var(--color-border);
	border-radius: 12px;
	font-size: 15px;
	outline: none;
}

.message-form textarea {
	min-height: 140px;
	resize: vertical;
}

.message-form input:focus,
.message-form textarea:focus {
	border-color: rgba(198, 98, 25, 0.55);
	box-shadow: 0 0 0 4px rgba(198, 98, 25, 0.1);
}

.message-form button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 15px 20px;
	color: #ffffff;
	background: linear-gradient(135deg, var(--color-orange), var(--color-orange-dark));
	border: 0;
	border-radius: 12px;
	font-size: 15px;
	font-weight: 900;
	text-transform: uppercase;
	cursor: pointer;
}

.form-message {
	display: none;
	padding: 10px 12px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 700;
}

.form-message.success {
	display: block;
	color: var(--color-green);
	background: rgba(15, 98, 79, 0.08);
}

.form-message.error {
	display: block;
	color: #a93120;
	background: rgba(169, 49, 32, 0.08);
}