/* --- Gaya untuk Halaman Otentikasi (Login, Lupa Password, dll.) --- */



body.auth-page {

	background: linear-gradient(-45deg, #6a11cb, #2575fc, #ec008c, #fc6767);

	background-size: 400% 400%;

	animation: gradientBG 10s ease infinite;

	display: flex;

	align-items: center;

	justify-content: center;

	min-height: 100vh;

	font-family: "Poppins", sans-serif; /* Pastikan Anda memuat font ini jika ingin digunakan */

}



@keyframes gradientBG {

	0% {

		background-position: 0% 50%;

	}

	50% {

		background-position: 100% 50%;

	}

	100% {

		background-position: 0% 50%;

	}

}



.auth-card {

	background-color: rgba(255, 255, 255, 0.95);

	border: none;

	border-radius: 15px;

	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);

	width: 100%;

	max-width: 420px;

	overflow: hidden;

	animation: fadeIn 0.8s ease-in-out;

}



@keyframes fadeIn {

	from {

		opacity: 0;

		transform: translateY(-20px);

	}

	to {

		opacity: 1;

		transform: translateY(0);

	}

}



.auth-card .card-header {

	background-color: transparent;

	border-bottom: none;

	text-align: center;

	padding: 2rem 1.5rem 1rem 1.5rem;

}



.auth-card .card-header h3 {

	font-weight: 700;

	color: #333;

	font-size: 1.8rem;

}



.auth-card .card-header p {

	color: #6c757d;

	font-size: 0.95rem;

}



.auth-card .card-body {

	padding: 1.5rem 2.5rem 2.5rem 2.5rem;

}



.form-control:focus {

	box-shadow: 0 0 0 0.25rem rgba(37, 117, 252, 0.25);

	border-color: #8ab4f8;

}



.btn-login {

	background-color: #2575fc;

	border: none;

	font-weight: 600;

	padding: 0.75rem;

	transition: all 0.3s ease-in-out;

}



.btn-login:hover {

	background-color: #1a5cbf;

	transform: translateY(-2px);

	box-shadow: 0 4px 15px rgba(37, 117, 252, 0.3);

}



.auth-footer-link {

	text-align: center;

	margin-top: 1.5rem;

}



.auth-footer-link a {

	color: #6c757d;

	text-decoration: none;

	font-size: 0.9rem;

	transition: color 0.3s ease;

}



.auth-footer-link a:hover {

	color: #2575fc;

	text-decoration: underline;

}