.auth-page {
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff7d6;
}

.auth-card {
	width: 380px;
	padding: 25px;
	background: #fffef8;
	border: 1px solid #e2c75f;
	border-radius: 14px;
	box-shadow: 0 8px 25px rgba(100, 80, 20, .12);
}

.auth-logo {
	text-align: center;
	font-size: 26px;
	font-weight: 700;
	color: #4b3e20;
}

.auth-subtitle {
	margin-top: 5px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 13px;
	color: #8b7b52;
}

.auth-tabs {
	display: flex;
	gap: 8px;
	margin-bottom: 18px;
}

.auth-tab {
	flex: 1;
	padding: 10px;
	border: 1px solid #dfc157;
	border-radius: 8px;
	background: #ffefaa;
	color: #514212;
	font-weight: 600;
}

.auth-tab.active {
	background: #e4bd3d;
}

.auth-form {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.form-group {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.form-group label {
	font-size: 13px;
	font-weight: 700;
	color: #806315;
}

.form-group input {
	height: 40px;
	padding: 0 12px;
	border: 1px solid #ddc15a;
	border-radius: 8px;
	background: #fff8d8;
	color: #403817;
}

.auth-button {
	height: 42px;
	margin-top: 5px;
	border: none;
	border-radius: 8px;
	background: #e4bd3d;
	color: #3b2e0d;
	font-weight: 700;
	cursor: pointer;
}

.auth-button:hover {
	background: #d9ad22;
}

.forgot-password {
	text-align: center;
	font-size: 13px;
	color: #806315;
}

.auth-form.hidden {
	display:none;
}