.auth-page{
	min-height:70vh;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:60px 20px;
	background:var(--cream);
}


.auth-box{
	width:100%;
	max-width:500px;
	background:white;
	padding:40px;
	border-radius:25px;
	box-shadow:0 10px 30px rgba(0,0,0,0.08);
}


.auth-box h1{
	text-align:center;
	color:var(--green-800);
	font-size:36px;
	margin-bottom:30px;
}


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


.auth-box label{
	font-weight:600;
	color:#444;
	margin-top:8px;
}


.auth-box input{
	width:100%;
	padding:14px;
	border:1px solid #ddd;
	border-radius:12px;
	font-size:16px;
	outline:none;
	transition:.3s;
	box-sizing:border-box;
}


.auth-box input:focus{
	border-color:var(--green-700);
	box-shadow:0 0 0 3px rgba(47,107,70,.15);
}


.auth-box button{
	margin-top:20px;
	padding:14px;
	border:none;
	border-radius:15px;
	background:var(--green-700);
	color:white;
	font-size:17px;
	font-weight:600;
	cursor:pointer;
	transition:.3s;
}


.auth-box button:hover{
	background:var(--green-900);
	transform:translateY(-3px);
}


.auth-message{
	background:var(--green-100);
	color:var(--green-800);
	padding:15px;
	border-radius:12px;
	text-align:center;
	margin-bottom:20px;
	font-weight:600;
}

.auth-info{
	text-align:center;
	color:#666;
	font-size:15px;
	line-height:1.6;
	margin-bottom:25px;
}

.input-info{
	color:#777;
	font-size:13px;
	margin-top:-5px;
	margin-bottom:5px;
}

.input-error{
	border:1px solid #e53935!important;
	background:#fff5f5;
}

.field-error{
	display:block;
	margin-top:6px;
	color:#d32f2f;
	font-size:14px;
	font-weight:500;
}