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

	.login-box {
		background: linear-gradient(to bottom right, #d64561, #fbc042);
		border-radius: 25px;
		padding: 40px 30px;
		width: 100%;
		max-width: 400px;
		margin: 40px auto;
		box-shadow: 0 8px 25px rgba(0,0,0,0.1);
		/*text-align: center;*/
	}

	@media (max-width: 576px) {

	}

	h2{
		text-align: center;
	}
	.login-box h2 {
		color: white;
		margin-bottom: 30px;
	}
	.form-control {
		border-radius: 10px;
		margin-bottom: 20px;
	}
	.btn-login {
		background-color: #ffc107;
		color: #fff;
		border: none;
		border-radius: 12px;
		width: 100%;
	}

	.btn-login:hover {
		background-color: #efb300;
		color: #fff;
		border: none;
		border-radius: 12px;
		width: 100%;
	}

	.btn-reset {
		background-color: #c4002b;
		color: white;
		border: none;
		border-radius: 12px;
		width: 100%;
	}

	.btn-reset:hover {
		background-color: #9f0023;
		color: white;
		border: none;
		border-radius: 12px;
		width: 100%;
	}

	.btn-register {
		margin-top: 20px;
		border-radius: 10px;
		box-shadow: 3px 5px 10px rgba(0,0,0,0.2);
	}

	.mt-5 {
		margin-top: 4rem !important;
	}

	.form-label {
		color: white;
		font-weight: 500;
	}