.owls-auth-form,
.owls-account-form {
	max-width: 620px;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.owls-auth-form p,
.owls-account-form p {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	margin: 0;
}

.owls-auth-form label,
.owls-account-form label {
	display: block;
	font-family: var(--font-mono);
	font-size: var(--step--1);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--owls-slate);
}

.owls-auth-form input,
.owls-auth-form textarea,
.owls-account-form input,
.owls-account-form textarea {
	width: 100%;
	padding: 0.6em 0.75em;
	border-radius: var(--radius);
	border: 1px solid var(--owls-line-strong);
	background: var(--owls-surface);
	color: var(--owls-ink);
	font-family: var(--font-body);
	font-size: var(--step-0);
	box-sizing: border-box;
}

.owls-auth-form input:focus,
.owls-auth-form textarea:focus,
.owls-account-form input:focus,
.owls-account-form textarea:focus {
	outline: 2px solid var(--owls-gold);
	outline-offset: 1px;
}

.owls-form-error {
	color: #B5562B;
	font-size: var(--step--1);
}

.owls-form-success {
	color: var(--owls-teal);
	font-size: var(--step--1);
}