.ocf-form-wrapper {
	max-width: 560px;
	width: 100%;
}

.ocf-field {
	margin-bottom: 20px;
}

.ocf-field-website {
	position: absolute;
	left: -9999px;
	top: -9999px;
}

.ocf-form label {
	display: block;
	font-size: 13px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #9c9c9c;
	margin-bottom: 6px;
}

.ocf-required {
	color: #c9a227;
}

.ocf-form input[type='text'],
.ocf-form input[type='email'],
.ocf-form select,
.ocf-form textarea {
	width: 100%;
	background: transparent;
	border: 1px solid #3a3a3a;
	color: inherit;
	padding: 12px 14px;
	font-size: 15px;
	border-radius: 2px;
	transition: border-color 0.2s ease;
	font-family: inherit;
	box-sizing: border-box;
}

.ocf-form select {
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23c9a227'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.19l3.71-3.96a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 16px;
	padding-right: 40px;
}

.ocf-form input:focus,
.ocf-form select:focus,
.ocf-form textarea:focus {
	outline: none;
	border-color: #c9a227;
}

.ocf-form textarea {
	resize: vertical;
	min-height: 120px;
}

.ocf-submit-btn {
	background: #c9a227;
	color: #14110c;
	border: none;
	padding: 14px 32px;
	font-size: 14px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	cursor: pointer;
	border-radius: 2px;
	transition: opacity 0.2s ease;
}

.ocf-submit-btn:hover {
	opacity: 0.85;
}

.ocf-submit-btn:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.ocf-response {
	margin-top: 16px;
	font-size: 14px;
	min-height: 1em;
}

.ocf-response.ocf-success {
	color: #7cc576;
}

.ocf-response.ocf-error {
	color: #e27878;
}