.card {
	border-radius: 10px;
}

.card-body {
	animation: fadeInUp 0.5s ease;
}

.btn-white {
	background-color: #fff !important;
	border-color: #ced4da;
}

/* --- PERBAIKAN RESPONSIVE INPUT GROUP --- */

/* Memastikan border radius stabil dan focus outline tidak merusak layout grup */
#passwordInput:focus {
	box-shadow: none !important;
	border-color: #86b7fe !important;
}

/* Memastikan tombol mata ikut berubah biru secara serasi saat focus */
#passwordInput:focus + .btn-white {
	border-color: #86b7fe !important;
	/* Tambahkan clip-path agar focus-ring Bootstrap tidak bertumpuk di tengah */
	clip-path: inset(-10px -10px -10px 0px);
}

/* Mencegah penabrakan fungsionalitas klik dengan menaikkan lapisan tombol mata */
.input-group .btn {
	position: relative;
	z-index: 5 !important;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(15px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}