body {
	font-family: 'Kanit', sans-serif;
	background-color: #fff;
}

.login-wrapper {
	max-width: 700px;
	margin: 80px auto;
	display: flex;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	position: relative;
	overflow: hidden;
}

.login-left {
	background-color: #aa1818;
	color: white;
	padding: 40px 20px 40px 40px;
	width: 50%;
	position: relative;
}

.login-right {
	background-color: white;
	padding: 40px;
	width: 50%;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	margin-left: -30px; /* ✅ ดันกล่องขาวให้ "ล้นออกไป" ครอบแดง */
	z-index: 2;
	position: relative;
}

.login-right .form-label {
	font-weight: bold;
}

.btn-login {
	background-color: #aa1818;
	color: white;
	font-weight: bold;
	border-radius: 30px;
	padding: 10px 30px;
	display: block;
	margin: 20px auto 0 auto;
}

.btn-login:hover {
	background-color: #881313;
	color: #e6af30;
}

.login-icon {
	position: absolute;
	left: 45%;
	top: 82%;
	transform: translate(-50%, -50%) rotate(10deg);
	max-height: 105px;
	z-index: 10;
	filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.3));
}