:root {
	--cvse-primary: #fd6b00;
	--cvse-secondary: #080a47;
	--cvse-bg: #f7ebe8;
}

.cvse-form-wrapper {
	border: 2px solid var(--cvse-secondary);
	padding: 20px;
	max-width: 700px;
	margin: 30px auto;
	background: var(--cvse-bg);
	border-radius: 6px;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

#cvse-form textarea {
	width: 100%;
	height: 180px;
	resize: vertical;
	padding: 10px;
}

.cvse-or {
	text-align: center;
	font-weight: bold;
}

.cvse-buttons {
	display: flex;
	gap: 10px;
	justify-content: flex-end;
}

.cvse-buttons .button-primary {
	background: var(--cvse-primary);
	border-color: var(--cvse-primary);
}

#cvse-result {
	text-align: center;
	margin-top: 10px;
}

#cvse-salary {
	font-size: 2.2em;
	font-weight: bold;
	color: var(--cvse-secondary);
	animation: pop 0.6s ease-out;
}

#cvse-advice {
	margin-top: 10px;
	font-style: italic;
	color: var(--cvse-secondary);
}

#cvse-loading {
	text-align: center;
	color: var(--cvse-secondary);
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
	margin-top: 10px;
}

#cvse-loading .spinner {
	vertical-align: middle;
}

@keyframes pop {
	0% {
		transform: scale(0.8);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}